分类：vue实现密码显示隐藏功能

2021
03-22

vue实现密码显示隐藏功能的思路详解

效果：思路：利用input的type属性，当type值是text的时候展示密码，当type值是password的时候隐藏密码；于是很容易想到用v-bind来绑定type，同时用一个布尔值来控制，写成三元表达式的形式；加入一个图片元素，点击图标元素切换这个布尔值，就可以达到切换显示隐藏，切换布尔值的同时也切换图标。页面布局<divid='app'><!--三元表达式pwdFlag为真则type是password密码隐藏pwdFlag为假则type是text密码显示-->密... 继续阅读 >