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>

浙公网安备 33010602011771号