它包含一个 a-input 组件,用于输入密码,并且根据 passwordNewVisible 属性来控制密码是否可见。当 passwordNewVisible 为真时,密码可见,输入的密码将显示出来;当 passwordNewVisible 为假时,密码不可见,输入的密码将显示为星号。现在遇到的问题是输入密码、切换显示和隐藏时密码都可以显示出来,显示不出星号。为了使vue不能回填自动账号密码,不能在登录后弹出这个Google浏览器记住密码的框,所以不能使用a-input-password 和 type=“password”,以下是我的代码,实在看不出来是哪里的问题
<template>
<a-input
v-model.trim="passForm.newPassword"
:show-password="passwordNewVisible"
placeholder="请输入密码"
>
<a-icon
@click="togglePasswordVisible"
style="color: #969796"
slot="suffix"
:type="passwordNewVisible ? 'eye' : 'eye-invisible'"
/>
</a-input>
</template>
<script>
export default {
data() {
return {
passwordNewVisible: false,
passForm: {
newPassword: ''
}
};
},
methods: {
togglePasswordVisible() {
this.passwordNewVisible = !this.passwordNewVisible;
}
}
};
</script>