vue 密码可视

最新推荐文章于 2024-01-03 15:41:36 发布

代码敲着敲着就睡了

最新推荐文章于 2024-01-03 15:41:36 发布

阅读量288

点赞数

分类专栏： VUE 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_49261425/article/details/112762479

版权

VUE 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

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