Input of native applet switches between text and password types

Native applet And input Switch text And password type

login.wxml

    <input type="text" password="{
    { !isShowPwd }}"  placeholder=" Please input a password " 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, //  Whether to display the password 
    phoneNum: '',
    password: '',
  },

  //  Switch password format 
  changePwdType(){
    
    if (this.data.isShowPwd) {
       // If this.data.isShow by true, It is expressed as password small black dot 
      this.setData({
    
        isShowPwd:false,
      })
    } else {
    
      this.setData({
    
        isShowPwd: true,
      })
    }
  },