Merge pull request #6 from PanJiaChen/master

perf[Login]: optimize input focus interaction (#1798)
This commit is contained in:
toruksmakto 2019-03-30 10:17:10 +08:00 committed by GitHub
commit d001ccee58
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 1 deletions

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 => {