关于vue登录密码的显示隐藏

在网上百度了很多答案，不知道为什么我用了就是没效果，还出现bug，然后就自己结合网上的终于搞出来了，撒花✿✿ヽ(°▽°)ノ✿

密码的输入框我先用了一个文本框，

<input="text" v-if="pwdType",v-model="eyetxt">

然后在文本框后面又给了一个密码框，

<input="password" v-model="eyetxt",v-else>

这就是密码框了，

给文本框是因为为了方便显示密码数据，显示如下：

<input type="text" v-if="pwdType" v-model="eyetxt">
<input type="password" placeholder="请输入密码" v-model="eyetxt" v-else >
密码后面一般还有一个小眼睛，黑色的时候密码隐藏，蓝色的时候密码显示，我是用的图片
<img :src="seen ? seenImg : unseenImg" @click="changeType()" class="eye_img" />
然后就是写js
data:{
  seen:'',
  unseenImg:"img/2.jpg",//看不见
  seenImg :"img/1.jpg",//看得见密码
  eyetxt:"",
  pwdType:false, //此时文本框隐藏，显示密码框 
  },
methods:{
  //密码的显示隐藏
  changeType:function(){
  this.seen = !this.seen;//小眼睛的变化
  this.pwdType=!this.pwdType;//跟着小眼睛变化，密码框隐藏显示文本框，内容就显示了
  }
  }
好了，就这样就可以显示密码隐藏密码了