elementui密码框自动回填密码的解决办法

会自动回填用户名和密码

最初代码是这样写的,发现了会回填用户名和密码。
并且还回填了其他input框（穿梭框）

1. 使用 show-password 属性即可得到一个可切换显示隐藏的密码框[elementui 提供的属性]

复制代码

1. 原生属性 autocomplete: 属性值为 off / on 。
2. "on": 允许浏览器自动填充该字段
3. "off": 禁止浏览器自动填充该字段
4. 此外，HTML5还引入了一系列更具体的值，例如：
5. "new-password": 新密码（浏览器可能会建议一个强密码）。可以处理浏览器回填用户密码
6. "current-password": 当前密码
7. 上面这2个非常有用。
9. "name": 全名
10. "given-name": 名字
11. "family-name": 姓氏
12. "email": 电子邮件地址
13. "username": 用户名
14. "street-address": 街道地址
15. "postal-code": 邮政编码
16. "country": 国家

复制代码

2.     <el-form-item label="用户名称" prop="authUser">
3.       <el-input v-model="ruleForm.authUser" autocomplete="off" :placeholder="请输入用户名" />
4.     </el-form-item>
5.     <el-form-item :label="密码" prop="authPwd">
6.       <el-input v-model="ruleForm.authPwd" show-password autocomplete="off" placeholder="请输入用密码" />
7.     </el-form-item>
8.   

复制代码

不让浏览器自动回填

1. autocomplete="new-password"

复制代码

2.     <el-form-item label="用户名称" prop="authUser">
3.       <el-input v-model="ruleForm.authUser" autocomplete="off" :placeholder="请输入用户名" />
4.     </el-form-item>
5.     <el-form-item :label="密码" prop="authPwd">
6.       <el-input v-model="ruleForm.authPwd" show-password autocomplete="off" placeholder="请输入用密码" />
7.     </el-form-item>
8.   

复制代码

                                                                                                                               

                                                微信                                                                                                本文版权归作者所有，欢迎转载，未经作者同意须保留此段声明，在文章页面明显位置给出原文连接
                        如果文中有什么错误，欢迎指出。以免更多的人被误导。

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

前排留名，哈哈哈

收藏一下   不知道什么时候能用到

用心讨论，共获提升！

喜欢鼓捣这些软件，现在用得少，谢谢分享！

用心讨论，共获提升！

新版吗？好像是停更了吧。

感谢分享，学习下。

谢谢楼主提供！

喜欢鼓捣这些软件，现在用得少，谢谢分享！

喜欢鼓捣这些软件，现在用得少，谢谢分享！

感谢发布原创作品，程序园因你更精彩

感谢分享，学习下。

新版吗？好像是停更了吧。

谢谢楼主提供！

感谢分享，下载保存了，貌似很强大

感谢发布原创作品，程序园因你更精彩