很多登录页面提交表单时需要处理输入框的回车事件,使用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好像没有具体表示如何使用。

以此贴上~


技术成就梦想,细节成就品质。