vue基于element-ui input为密码框时进行密码隐藏与显示，并且不自动进行回显

最新推荐文章于 2024-08-26 14:00:52 发布

小涵涵是程序媛

最新推荐文章于 2024-08-26 14:00:52 发布

阅读量2.6k

点赞数 4

文章标签： vue javascript vue.js elementui

本文链接：https://blog.csdn.net/m0_52263688/article/details/115461345

版权

"在Vue.js中使用Element-UI库，通过添加`show-password`和`auto-complete="new-password"`属性，可以轻松创建一个具有切换显示/隐藏密码功能的输入框，同时防止密码自动回显。此方法简单快捷，适用于前端开发中的用户登录或注册表单。"

摘要由CSDN通过智能技术生成

vue基于element-ui input为密码框时进行密码隐藏与显示，并且不自动进行回显

只需在代码中添加 show-password 和 auto-complete="new-password"两个属性即可实现，代码如下：

  <el-form-item label="用户密码:"
                        prop="passwd"
                        :label-width="formLabelWidth">
              <el-input style=""
                        v-model.trim="formCreate.passwd"
                        show-password
                        auto-complete="new-password"></el-input>
          </el-form-item>