很多登录页面提交表单时需要处理输入框的回车事件,使用vue时,一般的原生input标签可以用@keyup.enter="method"
(tips:method为自定义方法) ,但Element使用此方法无作用,解决方法很简单,就是在 @keyup.enter
基础上改为 @keyup.enter.native
即可。
源码如下:
<el-input v-model="form.name" placeholder="请输入关键字" @keyup.enter="add"></el-input>
改为:
<el-input v-model="form.name" placeholder="请输入关键字" @keyup.enter.native="add"></el-input>
不知为何,官方的API好像没有具体表示如何使用。
以此贴上~
Comments | 3 条评论
冬瓜小说网 博主
感谢分享,谢谢了
晴和君 博主
大家一起学vue~
搬瓦工 博主
学习了
感谢分享