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

Posted js初学者

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的el-input监听不了键盘事件解决

element-ui中el-input需要改变placeholder的字体颜色

element-ui使用el-input赋值、取值

vue.js项目 el-input 组件 监听回车键实现搜索功能示例

项目中遇到的问题------VUE插件使用

Vue如何覆盖element-ui的css样式