在项目开发的实际需求中,用户有时候可能不确认自己输入的密码是不是正确的,所以想要查看一下自己的密码是否输入正确,这个时间就需要小眼睛,进行点击查看。
实现效果如下图所示:
element-ui对小眼睛的实现,有特定的属性,只要在标签中添加如下属性即可:
show-password
完整标签代码如下:
<el-input placeholder="请输入密码" v-model="input" show-password></el-input>
官网中都有描述:
在项目开发的实际需求中,用户有时候可能不确认自己输入的密码是不是正确的,所以想要查看一下自己的密码是否输入正确,这个时间就需要小眼睛,进行点击查看。
实现效果如下图所示:
element-ui对小眼睛的实现,有特定的属性,只要在标签中添加如下属性即可:
show-password
完整标签代码如下:
<el-input placeholder="请输入密码" v-model="input" show-password></el-input>
官网中都有描述: