最近在做一个基于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>
Last modification:April 25th, 2020 at 08:11 am
如果觉得我的文章对你有用,请随意赞赏