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

hbbliyong

发布于 2018-04-17 14:26:15

7590

发布于 2018-04-17 14:26:15

文章被收录于专栏：hbbliyonghbbliyong

vue使用element-ui的el-input监听不了回车事件，原因应该是element-ui自身封装了一层input标签之后，把原来的事件隐藏了，所以如下代码运行是无响应的：

<el-input v-model="form.loginName" placeholder="账号" @keyup.enter="doLogin"></el-input>

解决方法需要在事件后面加上.native

<el-input v-model="form.loginName" placeholder="账号" @keyup.enter.native="doLogin"></el-input>

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2018-03-30 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度