uni-app 点击图标 显示/隐藏 密码

写在前面~
1.在登录的时候，用户在输入密码时，会增加一个眼睛的功能，用于查看密码是否输入正确。

      <input v-model="usr_pwd" :type="seen ? type_text : type_password" placeholder="这是一个密码输入框"/></view>
         <!--以下为两个小眼睛按钮，点击的时候跟换input里面的type属性-->
      <view v-show='seen' @click="changeSeen">
             <img src="https://xxxxxx/icon_yanjing_b.png" />
       </view>
      <view v-show='!seen' @click="changeSeen">
        <img src="https://xxxxxx/icon_yanjing_k.png" />
      </view>

     export default {
        name: "login",
        data() {
            return {
                usr_pwd: "",
                seen: false,
                type_text: "text",
                type_password: "password",
            };
        },
        methods: {
            changeSeen(){
                this.seen = !this.seen;
            }
        },
    };

大概这个样子~
存个记录~
溜了~
~~