@keyup 在element-ui中使用需要添加.native

@keyup 在element-ui中使用

@keyup在element-ui组件中失效。这是因为element-ui组件在原生组件的基础上进行了封装。如想使用@keyup则需要在keyup后面追加native关键词。

如enter(回车按键) @keyup.native.enter。

@keyup.ente.native跟@keyup.enter区别

在 Vue 2.0 中，为自定义组件绑定原生事件必须使用 .native 修饰符，只有Button 组件可以监听 click 事件。

注意！！！如果用了封装组件的话，比如Element-ui，使用按键修饰符需要加上.native。因为Element-ui是封装组件，这个时候使用按键修饰符需要加上.native覆盖原有封装的keyup事件即可，可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签

比如：

<el-input 
	v-model="account" 
	placeholder="请输入账号" 
	@keyup.enter.native="search()">
</el-input>