原理 js改变input的type值
代码部分:
HTML
INPUT :type="eyesStatus ? 'password' : 'text'"
<div v-show="password.length" class="eyes_status" @click="changeEyes">
<img v-if="eyesStatus" src="../assets/img/close-eyes.png" alt="">
<img v-else src="../assets/img/open-eyes.png" alt="">
</div>
CSS
.eyes_status{
width: 24px;
height: 24px;
position: absolute;
right:0px;
bottom: 55px;
}
.eyes_status img{
width: 24px;
height: 24px;
position: absolute;
right:0px;
cursor: pointer;
}
JS
changeEyes(){
this.eyesStatus = !this.eyesStatus
},
很久没写了,今天架构请假了几天了,手头上的活儿连下班处理的差不多了,随手写个小功能,唯一注意的点就是在IE10里自带小眼睛功能,需要在CSS里增加 ::-ms-reveal 隐藏其元素块儿