问题:
在项目中,用户进行登录的时候,当输入完用户名称后,点击聚焦到密码框时,会发现软键盘会消失问题,需要重新聚焦。在ios下,偶尔会出现,在安卓经常会出现。
<input type="password" :focus="focusLink === 'focuspass'" v-model="password">
<input type="text" :focus="focusLink === 'focuscode'" v-model="code">
解决方法:
使用focus进行聚焦,在data中定义个focusLinki变量;
data() {
return {
focusLink: '',
password: '',
name: '',
code: ''
}
}
每次点击输入框时候,进行使用focus聚焦;
focusClick(key) {
setTimeout(() => {
this.focusLink = key;
}, 500)
},