问题描述
在vue中使用elementui的input组件绑定回车事件生效。
<el-input
@keyup.enter='方法'></el-input>
问题原因
在vue中如果直接使用v-on或@监听事件的话, 监听的是由组件中使用$emit自定义的事件, 例如下面代码。
子组件
...
this.$emit('test')
...
父组件
...
<子组件标签 @test='方法'/>
...
解决方法
使用.native修饰符, 告诉vue这是触发的原生事件不是自定义事件, 比如下面这个监听element-ui的输入框回车事件。
<el-input
@keyup.enter.native='方法'></el-input>