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

Posted neo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于vue使用element-ui的el-input监听不了键盘事件解决的主要内容,如果未能解决你的问题,请参考以下文章

VUE的element-ui的使用

vue + element-ui 制作tab切换(切换vue组件,踩坑总结)

vue中的element-ui和react的element-ui

vue中的element-ui和react的element-ui

打字稿 + Vue + Element-ui

vue + element-ui 单元测试出错。