【element-ui】vue 怎样给页面添加回车事件?

vue怎样给页面添加回车事件
图片描述

就是类似于回车登录的业务。
一开始是在表单的input里加keyup去监听回车,<el-input v-model="form.phone" @keyup.enter.native="queryList('isCheck')"></el-input>(这里是用elementUI)
但是这种方法需要焦点在input框里,但是媒介、销售、日期这3个选择器选择完后,焦点没有在上面,keyup也就没有用了。
有没有输入完查询表单后,焦点不再表单里也能出发回车事件去查询列表?
求交流!

回答:

你可以在根组件里面添加一个监听enter的事件,然后把这个事件广播出去,然后在你的业务组件内再去监听根组件广播的这个事件,这样就可以了获取到这个enter了。

回答:

给el-form 绑定一个@keyup.enter.native事件

回答:

目前来看貌似只能在created里面加个监听document.onkeydown,判断表单是否都有值,然后发送请求,最后再判断下滚动条位置之类的,防止在页面其他位置也提交

以上是 【element-ui】vue 怎样给页面添加回车事件? 的全部内容, 来源链接: utcz.com/a/153100.html

回到顶部