码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-09-09 19:44:02      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:element   UI   att   native   事件   span   解决方法   原来   bsp   

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

标签:element   UI   att   native   事件   span   解决方法   原来   bsp   

原文地址:http://www.cnblogs.com/wangyunhui/p/7498949.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!