【Vue】JS/CSS如何让浏览器不自动填充账号密码？

• Z时代
• 2024-01-10
• 分类：技术分享

当前场景

浏览器打开页面，页面存在表单。浏览器自动填充了账号/密码 的 input
同时浏览器也自动强行给这些input附加了样式

由于浏览器附加的样式不符合需求方要求的样式

所以我现在需要禁止浏览器自动填充账号密码，以避免被强行附加这些样式

希望大佬指教一下

补充

autoComplete="off" 可以解决，但是会抛出下面的错误信息

Invalid prop: custom validator check failed for prop "autocomplete".

回答

autocomplete="new-password" 网易的解决方案。

楼主，参考下这篇文章 传送门

这个问题啊，我以前解决过我找找代码
autocomplete="new-password"

在form上或input上添加autoComplete="off"这个属性

<form>
    <input type="text" name="username"/>
    <input style="display:none" type="text" name="remembered"/>
    <input style="display:none" type="password" name="remembered"/>
    <input type="password" name="password"/>
</form>

不说了 直接上代码

这说不太清楚,主要看浏览器吧

以上是 【Vue】JS/CSS如何让浏览器不自动填充账号密码？ 的全部内容， 来源链接： utcz.com/a/77385.html