原生小程序 之 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,
      })
    }
  },