vue中密码显示隐藏切换

标签：get   password   text   gety   hold   src   ==   click   显示   

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‘
}

}

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

vue中密码显示隐藏切换

标签：get   password   text   gety   hold   src   ==   click   显示   

原文地址：http://www.cnblogs.com/HONGYE1994/p/8012139.html