当前位置:网站首页>Type de texte de commutation d'entrée et de mot de passe de l'applet natif

Type de texte de commutation d'entrée et de mot de passe de l'applet natif

2022-07-07 05:47:00 Personne 0

Applet natif De inputBasculer textAvecpasswordType

login.wxml

    <input type="text" password="{
    { !isShowPwd }}"  placeholder="Veuillez saisir le mot de passe" 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, // Afficher le mot de passe
    phoneNum: '',
    password: '',
  },

  //  Basculer le format du mot de passe 
  changePwdType(){
    
    if (this.data.isShowPwd) {
       //Sithis.data.isShowPourtrue, Est représenté par un petit point noir du mot de passe 
      this.setData({
    
        isShowPwd:false,
      })
    } else {
    
      this.setData({
    
        isShowPwd: true,
      })
    }
  },
原网站

版权声明
本文为[Personne 0]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/188/202207070008156246.html