vue实现密码显示隐藏切换功能

发布时间：2020-12-17 02:34:25 所属栏目：百科来源：网络整理

导读：先给大家分享效果图：具体实现代码如下所示： html：设置密码 script： return { registration_data:{ pwdType:"password",src:require("../assets/colse_eyes.png") } } },methods:{ changeType(){ this.registration_data.pwdType = this.registration_d

先给大家分享效果图：

具体实现代码如下所示：

html：

设置密码

script：

return {

registration_data:{

pwdType:"password",src:require("../assets/colse_eyes.png")
}
}
},methods:{
changeType(){
this.registration_data.pwdType = this.registration_data.pwdType==='password'?'text':'password';
this.registration_data.src=this.registration_data.src==require("../assets/colse_eyes.png")?require("../assets/open_eyes.png"):require("../assets/colse_eyes.png");
}
}

注：带小眼睛的睁开闭合。

总结

以上所述是小编给大家介绍的vue实现密码显示隐藏切换功能。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!