效果展示:
1、引入睁眼、闭眼图标。
2、input框动态绑定type,默认为password。
3、图标设置click事件,v-show控制图标,定义showPassword == false默认闭眼,点击图标时showPassword 取反。showPassword.value == false时,type为password(密码不显示);showPassword.value == true,type为text(密码显示)
<div class="bigBox">
<img src="@/assets/login/password.png" alt="" class="pswImg" />
<input :type="type" placeholder="password" v-model="loginData.password" />
<div class="eyeImage" &#