THIS IS A TEST INSTANCE ONLY! REPOSITORIES CAN BE DELETED AT ANY TIME!

Browse Source

perf[Login]: optimize input focus interaction (#1798)

tag/3.11.0
MaYuanhai Pan 11 months ago
parent
commit
1592a0a364
1 changed files with 13 additions and 1 deletions
  1. +13
    -1
      src/views/login/index.vue

+ 13
- 1
src/views/login/index.vue View File

@@ -13,6 +13,7 @@
<svg-icon icon-class="user" />
</span>
<el-input
ref="username"
v-model="loginForm.username"
:placeholder="$t('login.username')"
name="username"
@@ -26,6 +27,7 @@
<svg-icon icon-class="password" />
</span>
<el-input
ref="password"
v-model="loginForm.password"
:type="passwordType"
:placeholder="$t('login.password')"
@@ -96,7 +98,7 @@ export default {
return {
loginForm: {
username: 'admin',
password: '1111111'
password: '111111'
},
loginRules: {
username: [{ required: true, trigger: 'blur', validator: validateUsername }],
@@ -119,6 +121,13 @@ export default {
created() {
// window.addEventListener('hashchange', this.afterQRScan)
},
mounted() {
if (this.loginForm.username === '') {
this.$refs.username.focus()
} else if (this.loginForm.password === '') {
this.$refs.password.focus()
}
},
destroyed() {
// window.removeEventListener('hashchange', this.afterQRScan)
},
@@ -129,6 +138,9 @@ export default {
} else {
this.passwordType = 'password'
}
this.$nextTick(() => {
this.$refs.password.focus()
})
},
handleLogin() {
this.$refs.loginForm.validate(valid => {


Loading…
Cancel
Save