这篇文章主要介绍了vue实现密码显示隐藏切换功能,需要的朋友可以参考下
先给大家分享效果图：
具体实现代码如下所示：
html：
<span>设置密码</span>
script：
data () { return { registration_data:{ pwdType:"password", src:require("../assets/colse_eyes.png-600") } } }, methods:{ changeType(){ this.registr<strong style="color:transparent">来源gaodai#ma#com搞@代~码$网</strong>ation_data.pwdType = this.registration_data.pwdType==='password'?'text':'password'; this.registration_data.src=this.registration_data.src==require("../assets/colse_eyes.png-600")?require("../assets/open_eyes.png-600"):require("../assets/colse_eyes.png-600"); } }
注：带小眼睛的睁开闭合。
总结
以上就是vue实现密码显示隐藏切换功能的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue实现密码显示隐藏切换功能
转载请注明原文链接：vue实现密码显示隐藏切换功能
