原生小程序 之 input切换 text与password类型

login.wxml

    <input type="text" password="{
    { !isShowPwd }}"  placeholder="请输入密码" value='{
    {password}}' maxlength="11" class="phonePassword" placeholder-class="placeholderClass"></input>
          <image class='input-img input-img2' bindtap='changePwdType' src="{
    {isShowPwd ? '/static/login/viewPassword.png' : '/static/login/hidePassword.png'}}"></image>

login.js

  data: {
     
    isShowPwd:true, // 是否显示密码
    phoneNum: '',
    password: '',
  },

  // 切换密码格式
  changePwdType(){
    
    if (this.data.isShowPwd) {
       //如果this.data.isShow为true,则表示为密码小黑点
      this.setData({
    
        isShowPwd:false,
      })
    } else {
    
      this.setData({
    
        isShowPwd: true,
      })
    }
  },