这篇文章主要介绍了vue实现密码显示隐藏切换功能,需要的朋友可以参考下
先给大家分享效果图：
具体实现代码如下所示：
html：
- 设置密码 @@##@@
登录后复制
script：
立即学习“前端免费学习笔记（深入）”；
- data () { 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中如何使用父组件调用子组件事件
在Vue中如何使用父组件调用子组件事件
在Vue中如何使用父组件调用子组件事件
以上就是在vue中如何实现密码显示隐藏切换功能的详细内容，更多请关注【创想鸟】其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
