vue+element-ui,el-input监听不了回车事件

今天项目里的一个表单申请页,测试告诉我说回车键不能提交,研究之后发现,在事件后面加上 .native可以实现。

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

<el-input type="password" placeholder="请输入密码" v-model="ruleForm.password" @keyup.enter="submitForm('ruleForm')"></el-input>

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

<el-input type="password" placeholder="请输入密码" v-model="ruleForm.password" @keyup.enter.native="submitForm('ruleForm')"></el-input>

posted @ 2018-01-17 17:08  木筏乏乏乏  阅读(302)  评论(0)    收藏  举报