个人网站的域名,做长图网站,广东省白云区邮政编码,广州网站制作开发公司哪家好出现的问题#xff1a;
使用uview组件u-input框密码绑定时会出现右侧密码显隐图标不显示的问题
思路#xff1a;
1.看了下uview源码#xff0c;发现这有一段注释#xff0c;我们需要把源码修改一下#xff0c;问题出在这里 这行代码修改为 :passwordpassword || …出现的问题
使用uview组件u-input框密码绑定时会出现右侧密码显隐图标不显示的问题
思路
1.看了下uview源码发现这有一段注释我们需要把源码修改一下问题出在这里 这行代码修改为 :passwordpassword || type password || false
2.其次发现uview源码里面并没有密码显隐的图标这就需要我们在使用的页面自己去添加
Input 输入框 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架 (uviewui.com)
这就需要在u-input框里面使用到后置插槽了
代码
demo样式 1.修改视图层代码来动态改变icon的样式 u-input confirmTypedone v-modelaccountForm.userPassword:passwordpassword :clearabletrue placeholder请输入您的登录密码:placeholder-styleplaceholderStyle bordernonetemplate slotsuffixu-icon :namepassword ? eye: eye-fill size24clickhandleShowPass/u-icon/template/u-input
2.逻辑层代码控制密码的显隐 handleShowPass() {this.password ! this.password}
实现效果图如下