From 37f6f9e1770e8fa37ba05aef38bb4ad43fbaea49 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 29 Mar 2019 12:52:52 +0800
Subject: [PATCH] refine

---
 src/views/login/index.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 0b6f7894..1d43a2ab 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -13,7 +13,7 @@
           <svg-icon icon-class="user" />
         </span>
         <el-input
-          ref="usernameInput"
+          ref="username"
           v-model="loginForm.username"
           :placeholder="$t('login.username')"
           name="username"
@@ -27,7 +27,7 @@
           <svg-icon icon-class="password" />
         </span>
         <el-input
-          ref="passwordInput"
+          ref="password"
           v-model="loginForm.password"
           :type="passwordType"
           :placeholder="$t('login.password')"
@@ -98,7 +98,7 @@ export default {
     return {
       loginForm: {
         username: 'admin',
-        password: '1111111'
+        password: '111111'
       },
       loginRules: {
         username: [{ required: true, trigger: 'blur', validator: validateUsername }],
@@ -123,9 +123,9 @@ export default {
   },
   mounted() {
     if (this.loginForm.username === '') {
-      this.$refs.usernameInput.focus()
+      this.$refs.username.focus()
     } else if (this.loginForm.password === '') {
-      this.$refs.passwordInput.focus()
+      this.$refs.password.focus()
     }
   },
   destroyed() {
@@ -138,6 +138,9 @@ export default {
       } else {
         this.passwordType = 'password'
       }
+      this.$nextTick(() => {
+        this.$refs.password.focus()
+      })
     },
     handleLogin() {
       this.$refs.loginForm.validate(valid => {