vue使用element-ui的el-input监听不了键盘事件解决

标签：解决   hold   input   ring   需要   model   ati   标签   put   

vue使用element-ui的el-input监听不了键盘事件，原因应该是element-ui自身封装了一层div在input标签外面，把原来的事件隐藏了，所以如下代码运行是无响应的：

<el-input v-model="name" placeholder="账号" @keyup.enter="doLogin"></el-input>

在执行的时候事件是定义在input外面的div上的，所有没有响应。

解决方法需要在事件后面加上.native

<el-input v-model="name" placeholder="账号" @keyup.enter.native="doLogin"></el-input>

vue使用element-ui的el-input监听不了键盘事件解决

标签：解决   hold   input   ring   需要   model   ati   标签   put   

原文地址：http://www.cnblogs.com/gpzhen/p/7594888.html