一、效果如下：

element-ui 简单实现密码输入框的显示与隐藏

二、实现代码：

只需要在输入框代码中添加 show-password ，然后在你输入密码时会自动出现眼睛图标，点击图标就可以显示和隐藏密码。

<el-input type="password" prefix-icon="el-icon-lock" v-model="loginForm.passWord" show-password></el-input>

相关资料：

element-ui 图标库： https://element.eleme.cn/#/zh-CN/component/icon

# vue.js # elementui # 前端
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

【GaussDB】使用gdb定位GaussDB编译package报错

avatar 华为开发者空间
cover

华为开发者空间-云主机镜像制作与复制分享功能指导

avatar 华为开发者空间
cover

【GaussDB】全密态等值查询功能测试及全密态技术介绍

avatar 华为开发者空间