【vue解决el-input组件自动填充用户名密码】

已于 2024-06-19 14:20:29 修改
阅读量880 收藏 1
点赞数 4
CC 4.0 BY-SA版权
分类专栏： Element 文章标签： vue.js javascript 前端 elementui
于 2024-06-19 14:18:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiejunlan/article/details/139801873

解决el-input组件自动填充用户名密码

发现用autocomplete="off"并不能解决el-input组件自动填充密码的问题。
解决方法
auto-complete="new-password"

在el-input组件添加auto-complete="new-password" 即可

Debug-033-input输入框的浏览器默认填充密码的行为（未解决）
LM0916的博客
11-25 696
一般来讲不会超过三个，我看阿里云的设置密码就想到这个问题了，我没有别人的号，所以不会被记录到，而我们这里使用的是测试账号，记录过很多同事的账号，所以积累的比较多，其实只要用户一旦输入一个值之后，浏览器的填充就会消失了，没太大影响。想讨论的是如图二所示的问题：浏览器默认填充密码的行为。上面两个截图是MDN给出的解释，比较客观的表达了，确实不一定生效，有浏览器版本因素和不同浏览器的兼容因素。这里首先就给大家排出掉网上的一些很奇怪的“偏门方法”，我仔细想了一下，得不偿失，而且很多都是错的，完全没用。
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
10-16
在elementui Input输入框中可以找到远程搜索组件，获取服务端的数据。这篇文章主要给大家介绍Vue el-autocomplete远程搜索下拉框并实现自动填充功能，感兴趣的朋友一起看看吧
解决 Element的el-input 密码输入框浏览器自动填充账号密码问题
潮汐未见潮落的博客
09-02 8980
解决 Element的el-input 密码输入框浏览器自动填充账号密码问题
如何解决浏览器自动填充密码的问题？
最新发布
2302_79280163的博客
05-07 349
可以看到ElementPlus的el-input中将type的值设置为password和设置show-password属性，便可以达到我们想要的效果：通过点击小眼睛来控制密码的显示与隐藏。，而是浏览器识别到它的类型是密码框而自动填充的。更糟糕的是，点击密码框的时候，页面还会弹出之前保存的账户和密码，胡乱填充。这个密码并不是我自己填写的。
el-input输入框自动填充问题
weixin_59543110的博客
09-19 460
项目中遇到输入框自动填充问题但实际是不需要 输入框自动填充内容。
vue页面中el-input设置为type=password打开个人信息页自动填充（日常踩坑）
qq_38933919的博客
09-29 484
使用el-input时发现，在类型为type=password的项，密码和账户自动回显到表单中，代码中并没有赋值，距离密码最近的一行被赋值上用户名
el-input,input 输入框自动填充密码解决(autocomplete属性不生效)
qq_29509389的博客
11-25 590
autocomplete设置无效情况使用下面的解决方式：
el-input取消自动填充
01-05
### 如何在 Element UI 中禁用 el-input 组件的自动填充 为了防止 `el-input` 组件被浏览器自动填充，可以采取多种方法来实现这一目标。 #### 方法一：通过设置 autocomplete 属性 对于表单中的输入字段，可以...
el-input 浏览器自动填充怎么解决
09-06
在使用Vue框架的el-input组件时，浏览器自动填充可能会造成一些问题。浏览器自动填充是浏览器根据用户之前的输入记录和记住密码等信息自动填充输入框内容的功能。但是这个功能也许不符合我们的需求，所以需要解决这...
vue3 el-input 取消浏览器记住密码
10-16
在 Vue3 中，`el-input` 是 Element UI 提供的一个输入框组件。如果你想让用户在 `el-input` 输入框中输入密码并阻止浏览器自动记住密码，你可以通过 HTML 的 `autocomplete` 属性来控制。 HTML 中设置 `...
el-input组件去除浏览器自动填充密码
qq_36022463的博客
06-08 874
引用：https://huaweicloud.csdn.net/63a00407dacf622b8df90f85.html。这个是针对webkit浏览器（chrome或者 safari） 的私有属性，，其他浏览器可能不起作用。: 是一个 webkit 的私有属性： 将文本显示为实心圆点，从而隐藏密码的可见字符。
问题（05）elementui 输入框里面禁止浏览器自动填充用户名密码、弹出浏览器历史密码提示框
dugujiuding的博客
06-14 2001
elementui 输入框里面禁止浏览器自动填充用户名密码、弹出浏览器历史密码提示框
vue记住密码，自动填充密码
weixin_43410094的博客
08-23 914
【代码】vue记住密码，自动填充密码。
Vue-页面解决浏览器自动填充input输入框账号密码
JackieDYH的博客
12-18 1731
登录注册页面禁止浏览器自动填充账号密码。
vue element 项目：谷歌浏览器自动填充input处理方案
猛男博客
05-25 5486
项目中经常性的遇到当表单 form 里面有这种input框`type=‘password’`的时候，浏览器会`自动填充`input，很明显，这也太丑了！！！
vue element中input远程搜索autocomplete的使用
睡大觉的博客
03-15 1732
vue element中input远程搜索autocomplete的使用 效果 代码 <el-autocomplete style="width:100%" value-key="templateCode" clearable @clear="setBlur" v-model.trim="add.smsCode" :fetch-suggestions="autoPush" pl
element form表单中密码框被自动赋值，并默认背景色为白色，手动输值后背景色才是自己配置的背景色，与表单的自动填充有关
c_qianxia5040的博客
07-13 596
一个表单，有两组需要输入密码的地方，两组都被填充用户名密码，其中一组是其他信息，不是用户名密码，也被填充了，且input背景色是白色，表单中的input已经手动配置为无背景色，这种情况和浏览器自动填充用户名和密码有关，element表单中，需要将表单设置为autoComplete=“new-password”。但是在element UI里面设置autoComplete="off"是不生效的，需要设置为new-password，如上面所示。
关于el-input type=password 时密码自动填充问题
萧仁武~~博客~~
08-27 3833
问题 今天在盘后台代码的时候突然发现了一个小bug，如果在登录的时候使用了浏览器的记住账户密码的功能，那么表单中如果有 el-input 的 type值为 ‘password’ 的时候，进行添加信息的时候 发现 密码账号自动填充。 <el-input v-model="userForm.userPwd" type="password"></el-input> 过程 之前网上搜有说添加 autocomplete="off" 可以避免这个问题，调试的时候发现有bug，首次点开还会被浏
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

加仑小铁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值