vue 项目中 密码输入框后小眼睛(显示密码或显示***) 1.在密码iput中间添加如下图代码 密码iput的类型应该设置为动态的 :type="passwordSho... 方_圆阅读 8,398评论 1赞 0 uni-app input密码框显示隐藏 <template> <view> <view class="login_box"> <!-- 头部logo --... cher_d685阅读 2,298评...
1、给右侧小眼睛设置一个点击事件,通过点击事件修改密码输入框<el-input>的:type属性,:type的值在data里设置一个passworedtype属性,进行双向绑定,值为password时密码是密文形式,值为空显示。 2当data中passwordtype值变化时,眼睛小图标根据值变换样式,根据三目运算符。 3在点击事件方法使用this.$nextTick重新渲染do...
<text v-show="seen" @click="changeSeen" class="icon iconfont icon-open-your-eyes"></text> <text v-show="!seen" @click="changeSeen" class="icon iconfont icon-close-your-eyes"></text> </view> </template> data(){ return{ //显示隐藏密码 usr_pwd: "",...
1、给右侧小眼睛设置一个点击事件,通过点击事件修改密码输入框<el-input>的:type属性,:type的值在data里设置一个passworedtype属性,进行双向绑定,值为password时密码是密文形式,值为空显示。2当data中passwordtype值变化时,眼睛小图标根据值变换样式,根据三目运算符。