效果展示：
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" @click="showPwd"><!-- 隐藏图标 --><img src="src/assets/login/noeye.png" v-show="showPassword == false" alt="" class="eyeImg" /><!-- 显示图标 --><img src="src/assets/login/eye.png" v-show="showPassword == true" alt="" class="eyeImg" /></div></div>
// 密码隐藏let showPassword = ref(false); //默认闭眼图标let type = ref("password"); //登录密码隐藏const showPwd = () => {showPassword.value = !showPassword.value;if (showPassword.value == false) {type.value = "password";} else {type.value = "text";}};
