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

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>

posted @ 2018-07-25 09:04  悲夢  阅读(406)  评论(0编辑  收藏  举报