小程序顯示隱藏密碼

密碼框顯示隱藏

 

<input placeholder="輸入密碼" password="{{ps}}"/>
<button  wx:if="{{show}}" bindtap="show">顯示密碼</button>
<button  wx:if="{{hide}}" bindtap="hide">隱藏密碼</button>

input{
  border:1px solid #888;
  width: 90%;
  margin: 10% auto 0;
  
}
button {
  margin: 5% 0;
}

data: {
    show:false,
    hide:true,
    ps:false,
  },
  show(){
    this.setData({
      show: false,
      hide: true,
      ps: false,
    }) 
  },
  hide(){
    this.setData({
      show: true,
      hide: false,
      ps: true,
    }) 
  },