vue项目如何实现input输入框回车后，触发登录事件

方法一：

注释：如果你在elementui的el-input框绑定该事件，是不会被触发的

1. 使用@keydown.enter或者v-on:keydown.enter指令来监听输入框按下回车键的事件

方法二：

注释：此方法可以在el-input输入框中绑定键盘事件

1. 使用ref在el-from元素命名

   <el-form
                       class="itemForm"
                       :model="ruleForm"
                       ref="itemForm"
                       :rules="formRules"
                   >
                   <el-form-item prop="username">
                           <el-input
                               v-model.trim="ruleForm.username"
                               placeholder="请输入账号"
                               prefix-icon="el-icon-user"
                           ></el-input>
                       </el-form-item>
                       <el-form-item prop="password">
                           <el-input
                               v-model.trim="ruleForm.password"
                               placeholder="请输入密码"
                               prefix-icon="el-icon-unlock"
                               show-password
                           ></el-input>
                       </el-form-item>
                       <el-form-item>
                           <el-button
                               style="width: 100%"
                               type="primary"
                               @click="submitLogin"
                               :loading="loginLoading"
                               >登录</el-button
                           >
                       </el-form-item>

2.在mounted钩子中添加，通过ref给el-form添加事件，使子元素el-input输入框也可以触发该事件

3.解绑事件