最近在做一个基于vue+elementui的后台系统,想要实现登录时按回车键快速登录
懒惰使人进步
我的解决方案是在密码框加入keyup事件,因为密码是最后一个输入项
@keyup.enter.native="login"
完整代码
<!-- 表单区域 -->
<el-form ref="loginRef" :model="loginform" :rules="loginRules" class="login-form">
<el-form-item prop="uid">
<el-input v-model="loginform.uid" prefix-icon="iconfont icon-icon_signal_fill"></el-input>
</el-form-item>
<el-form-item prop="pwd">
<el-input
v-model="loginform.pwd"
type="password"
prefix-icon="iconfont icon-icon_safety_fill"
@keyup.enter.native="login"
></el-input>
</el-form-item>
<el-form-item class="btns">
<el-button type="info" @click="reset">重置</el-button>
<el-button type="primary" @click="loginClick" :loading="loginLoading">登录</el-button>
</el-form-item>
</el-form>