vue 密码可视

<input type="text" placeholder="请设置密码" class="pass" v-model="psd" v-if="ifDisplay">
<input type="password" placeholder="请设置密码" class="pass" v-model="psd" v-else>
<i v-show="psd" @click="clearPassword()"></i>
<img class="check" v-show="!ifDisplay" @click="ifDisplay=!ifDisplay" src="../assets/img/enroll/check.png" alt="">
<img class="check" style="width:15px" v-show="ifDisplay" @click="ifDisplay=!ifDisplay" src="../assets/img/enroll/invisible.png" alt="">

data(){
    return{
        //密码可视
        psd:'',
        ifDisplay:false,
    }
},
methods:{
    // 显示密码
    clearPassword(){
        this.psd='';
    },    
}