vue中密码显示隐藏切换

html：

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

　<img :src="this.registration_data.src" @click="changeType()"/>

</group>
script：

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

     src:require("../assets/colse_eyes.png")

    }
  }
},

methods:{

changeType(){
  this.registration_data.pwdType = this.registration_data.pwdType==='password'?'text':'password';

  this.registration_data.src=this.registration_data.src==require("../assets/colse_eyes.png")?require("../assets/open_eyes.png"):require("../assets/colse_eyes.png");

}

}

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