fix: 去除页面监听的回车事件 改为input、聚焦 时回车

This commit is contained in:
zhangyu
2021-08-13 14:43:39 +08:00
parent 0f16275d8d
commit fd70eab240

View File

@@ -7,17 +7,17 @@
<div class="login-label"></div> <div class="login-label"></div>
<div class="login-input" v-if="!verifyShow"> <div class="login-input" v-if="!verifyShow">
<i class="nz-icon nz-icon-user"></i> <i class="nz-icon nz-icon-user"></i>
<input id="usernameInput" v-model="loginData.username" name="userName" autocomplete="on" :placeholder="$t('login.username')"></input> <input id="usernameInput" v-model="loginData.username" name="userName" autocomplete="on" :placeholder="$t('login.username')" @keydown.enter="login"></input>
</div> </div>
<div class="login-label"></div> <div class="login-label"></div>
<div class="login-input" v-if="!verifyShow"> <div class="login-input" v-if="!verifyShow">
<i class="nz-icon nz-icon-password"></i> <i class="nz-icon nz-icon-password"></i>
<input v-model="loginData.pin" type="password" name="password" autocomplete="on" :placeholder="$t('login.pin')"></input> <input v-model="loginData.pin" type="password" name="password" autocomplete="on" :placeholder="$t('login.pin')" @keydown.enter="login"></input>
</div> </div>
<div class="login-label" v-if="verifyShow">{{$t('login.verifyTitle')}}</div> <div class="login-label" v-if="verifyShow">{{$t('login.verifyTitle')}}</div>
<div class="login-input" v-if="verifyShow"> <div class="login-input" v-if="verifyShow">
<i class="nz-icon nz-icon-yanzhengma"></i> <i class="nz-icon nz-icon-yanzhengma"></i>
<input v-model="loginData.authCode" name="newPassword" autocomplete="off" :placeholder="$t('login.verifyPlaceholder')"></input> <input v-model="loginData.authCode" name="newPassword" autocomplete="off" :placeholder="$t('login.verifyPlaceholder')" @keydown.enter="verify"></input>
</div> </div>
<div class="login-label-foot" v-if="verifyShow"> <div class="login-label-foot" v-if="verifyShow">
{{$t('login.verifyContent')}} {{$t('login.verifyContent')}}
@@ -338,11 +338,11 @@ export default {
mounted () { mounted () {
const _this = this const _this = this
this.$i18n.locale = this.lang this.$i18n.locale = this.lang
document.onkeydown = function (e) { // document.onkeydown = function (e) {
if (e.key === 'Enter') { // if (e.key === 'Enter') {
_this.login() // _this.login()
} // }
} // }
document.getElementById('usernameInput').focus() document.getElementById('usernameInput').focus()
this.licenseStat() this.licenseStat()
} }