单页面网站制作,广东网站设计的公司,做图片推广的网站吗,商标注册类别45类明细出现的问题#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}
实现效果图如下
