用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 实战教程 查看内容

微信小程序-input密码可见与不可见

Rolan 2021-2-24 23:16

input密码可见与不可见

wxml

复制代码
      <view class="form_section">
        <view class="form_section_title">密码</view>
        <view class="form_section_cell">
          <input class="weui-input" name="input" password='{{isPassword}}' bindinput="passwordInput" type="text" placeholder="请输入登录密码" placeholder-style="color: #BFC6CB;" />
          <image wx:if="{{isShowImg}}" class='showImg' bindtap='showPassword' src="{{isPassword ? 'img/common_btn_unlook.png' : 'img/common_btn_look.png' }}"></image>
        </view>
      </view>
复制代码

js

复制代码
  data: {
    password:"",
    isShowImg: false,
    isPassword: true,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },

  passwordInput: function (e) {
    let password = e.detail.value
    this.setData({
      password,
      isShowImg:true
    })
  },
复制代码
鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏