收藏
回答

input组件动态设置type不生效?

 <input type="{{show}}"  value='{{password}}' bindinput='getPassWordplaceholder="请输入密码placeholder-class="input-placeholder"></input>

   <image class="psdMagebindtap="showPassword"  src="/pages/img/showPassword.png"></image>

 data: {

    isShow: false,   

    show:"text"   

  },


  showPassword: function() {

    if (this.data.isShow{   

        this.setData({

          isShow:false,

          show:"password"

        })

    } else {

      this.setData({

        isShow: true,

        show: "text"

      })

    }

  },


回答关注问题邀请回答
收藏

1 个回答

  • brave
    brave
    2021-12-31
    <input type="text" value='{{password}}' bindinput='getPassWord' placeholder="请输入密码" placeholder-class="input-placeholder"wx:if="{{show}}" />
    <input type="password" value='{{password}}' bindinput='getPassWord' placeholder="请输入密码" placeholder-class="input-placeholder"wx:if="{{!show}}" />
    // 老毛病了,可以通过以上方式规避。如果是点击眼睛切换后需要聚焦input,再加上 focus 属性
    
    2021-12-31
    有用 1
    回复 2
    • 想
      2022-01-04
      我发现在真机上面调试,如果在输入密码之后键盘还显示的情况下切换是切换不了的,必须点击其它地方键盘不显示的情况下才能切换,有什么解决办法吗
      2022-01-04
      回复
    • 小乙
      小乙
      2022-03-08回复
      input框增加focus属性, 默认给成false, 在切换type时给 focus 赋值 true 就可以了, 不需要考虑什么时候在赋值回false
      2022-03-08
      回复
登录 后发表内容