问题描述
当有input有password的输入框在的时候,其他input输入框可能会在获取光标的时候会弹出浏览器的记住的密码弹框;
问题解决
- 在input为password增加readonly属性,这样就不会弹出浏览器记住的密码弹框;
- 但是这就导致了password是只读的,就得在我们默认点击的时候就自动获取焦点,然后取消只读(readonly)属性;
代码实现
<input ref="password" @focus="passFocus" @blur="passBlur" @click="passClick" :readonly="readonly" />
passClick(){
this.$refs.password.blur()
this.$refs.password.focus()
},
passFocus(ref,e){
let that = this;
setTimeout(function () {
//获取焦点时 同时去除只读,这样可以获取光标,进行输入
that.readonly = false;
})
},