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');
            }
        },