自制小程序密码输入框显示隐藏

最新推荐文章于 2024-06-26 15:00:21 发布

纵云清风

最新推荐文章于 2024-06-26 15:00:21 发布

阅读量6.3k

点赞数 2

分类专栏：小程序

本文链接：https://blog.csdn.net/qq_36614846/article/details/80621503

版权

小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html

<view class="weui-cell">
      <view class="weui-cell__bd">
        <input password='{{isShowPassword}}' placeholder="新密码，至少6位英文数字结合" placeholder-class='placeholder_class'/>
      </view>
      <view class="weui-cell__ft get_qrcode" bindtap='toggleShowPassword'>
        <image src='../images/eye.png' wx:if='{{isShowPassword}}'/>
        <image src='../images/closeeye.png' wx:if='{{!isShowPassword}}'/>
      </view>
    </view>

data: {
    isShowPassword: true
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
  },
  toggleShowPassword: function (e) {
    var isShowPassword = !this.data.isShowPassword;
    this.setData({
      isShowPassword: isShowPassword
    });
  },