登录界面输入框添加回车事件

src/containers/login/index.vue

@@ -15,6 +15,7 @@
       </h3>
       <el-form-item>
         <el-input
+          @keyup.enter.native="handleLogin"
           name="username"
           type="text"
           v-model="loginForm.name"
@@ -24,6 +25,7 @@
       </el-form-item>
       <el-form-item>
         <el-input
+          @keyup.enter.native="handleLogin"
           name="password"
           :type="pwdType"
           v-model="loginForm.password"
@@ -51,6 +53,7 @@
           autoComplete="on"
           placeholder="输入验证码"
           :maxlength="4"
+          ref="vcode"
         ></el-input>
         <div class="vcode-box">
           <i class="vcode-img">
@@ -174,6 +177,8 @@ export default {
           console.log(res);
           const { saltKey, verifyCode } = res;
           this.verifyCode = verifyCode;
+          this.loginForm.vcode = '';
+          this.$refs.vcode.focus();
         })
         .catch(err => {
           this.$message.error('获取验证码失败！');