//这是表单
<el-form
:model="ruleForm"
status-icon
:rules="rules"
ref="ruleForm"
class="demo-ruleForm"
>
<el-form-item prop="username">
<el-input v-model="ruleForm.username" autocomplete="off"></el-input>
</el-form-item>
<el-form-item prop="password">
//本次触发键盘事件的input密码输入框
<el-input
type="password"
v-model="ruleForm.password"
autocomplete="off"
//!!!!!!!!!重点在这里!!!!!!!!!
@keydown.enter.native="submitForm('ruleForm')"
//正常的input框只需要通过定义@keydown.enter键盘事件就可以了
//@keydown代表的是键盘按下触发,.enter代表的是vue中讲回车键的keycode码给封装了
// @keydown.enter.native后面跟的是在密码输入框中输入回车键需要触发的键盘事件
//只要在element ui组件中加键盘事件必须在后面加.native,因为在element ui 组件中被重新封装过了
//!!!!!!!!!重点在上面!!!!!!!!!
></el-input>
</el-form-item>
<el-form-item>
<el-button
style="width: 100%"
type="primary"
@click="submitForm('ruleForm')"
>
登录
</el-button>
</el-form-item>
</el-form>
很急的朋友看这里
在element ui 组件中需要触发键盘事件的地方加上@keydown.enter.native="需要触发的事件方法"