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 制作tab切换(切换vue组件,踩坑总结)
vue中的element-ui和react的element-ui