elementui 下拉框

图片描述

<el-autocomplete
                            class="inputSelect"
                          v-model="customForm.stateTransMode"
                          :fetch-suggestions="querySearchAsync"
                          placeholder="请输入内容"
                          @select="handleSelect"
                        ></el-autocomplete>

我的需求是页面加载后,统一编号获取焦点,然后按回车的话,下一个input输入框获取焦点,以此类推。这个功能我已经实现了,现在的问题是当焦点在input下拉选择框时,按上下键选择其中某一项后再按回车并没有把选中的值赋给input,它会继续跳转,让下一个获取焦点,下拉框也没有消失。各位有什么思路分享下,

阅读 6.2k
2 个回答

不知道你获取下一个焦点的实现方案是什么。

// element-ui源码中也是监听enter事件,应该是冲突了。
@keydown.native.enter.prevent="selectOption"
// 你可以试试 next下一个聚焦
@keydown.enter.stop.prevent.self.native="next"
新手上路,请多包涵

楼主能把按回车跳转下一个文本框的实现方式发出来吗?谢谢

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题