vue 回车自动登录

vue 回车自动登录

• 原理：

1. 在密码输入框加入事件：@keyup.enter.native
2. 登录button加入事件：@click
   代码：
   pug 语法：

el-form(ref="loginForm" :model="loginForm" :rules="rules" label-width="78px" label-position="left" inline)
el-form-item(label='用户名：' prop="username")
el-input(v-model="loginForm.username" placeholder="请输入用户名")
el-form-item(label='密码：' prop="passwd")
                                el-input(type="password" placeholder="请输入密码" v-model="loginForm.passwd" @keyup.enter.native="loginFn('loginForm')")
el-form-item(label='   ')
el-button(type="primary" class="submit_btn" @click="loginFn('loginForm')") 登录

el-input 需要加native

input 标签不需要