Vue+element关于el-input使用按键监听无效问题

Vue+element关于el-input使用按键监听无效问题

项目测试中发现@keyup.enter=""在element框架中监听回车键无效

<el-input size="small" prefix-icon="el-icon-ump-mima" v-model="passWord" @keyup.enter="login()" type="password"></el-input>

查阅官方资料，给出如下说法：

你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。

通俗点讲：就是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加’. native’事件是无法触 发的。

代码修改如下

<el-input size="small" prefix-icon="el-icon-ump-mima" v-model="passWord" @keyup.enter.native="login()" type="password"></el-input>