vue使用element-ui的el-input监听不了回车事件(@keyup.enter)解决

问题原因:
element-ui自身封装了一层input标签之后(el-input),把原来的事件隐藏了,所以如下代码运行是无响应的:


解决方法:
事件中使用.native修饰符


.native修饰符的作用
当想要在一个组件的根元素上直接监听一个原生事件。
这时,你可以使用 v-on 的 .native 修饰符。

参考链接 https://cn.vuejs.org/v2/guide/components-custom-events.html#将原生事件绑定到组件

你可能感兴趣的:(Vue,element,vue,回车事件失效,@keyup.enter失效)