vue 怎样给页面添加回车事件？

Question

vue怎样给页面添加回车事件

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

Answer 1

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

Answer 2

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

Answer 3

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