vue中密码显示隐藏切换

Posted 2020-10-17 红叶1994

html：

<group>
  <span>设置密码</span>
  <x-input :type="this.registration_data.pwdType"   placeholder="请填写密码"  @on-change="password"></x-input>
  <img src="../assets/colse_eyes.png"  @click="changeType"/>
</group>

script：

data () {
  return {
    registration_data:{
      pwdType:"password"
    }
  }
},

methods:{

changeType(){
  this.registration_data.pwdType = this.registration_data.pwdType===‘password‘?‘text‘:‘password‘
}

}

注：没带小眼睛的睁开闭合。