1假瞬、明文（text）和暗文（password）
首先聲明一個flag變量來做三元表達式的判斷猖任，:type=“flag == true?‘password’:‘text’”
然后img綁定變換的兩張圖片柠衍，給img添加一個change事件。
image.png
2、vue中js的代碼
export default {
name: '',
data() {
return {
title,
flag: false,// 默認是顯示明文暗文
loginForm: {
userName: '',
password: '',
code: ''
},
registration_data: {
pwdType: 'password',
src: require('../../assets/closeeyes.png')
},
};
},
methods: {
// 是否顯示輸入的密碼
changeType() {
this.flag = !this.flag;
if (this.flag == true) {
this.registration_data.src = require('../../assets/openeyes.png');
} else {
this.registration_data.src = require('../../assets/closeeyes.png');
}
},
