element form表单中密码框被自动赋值,并默认背景色为白色,手动输值后背景色才是自己配置的背景色,与表单的自动填充有关

事件背景:

一个表单,有两组需要输入密码的地方,两组都被填充用户名密码,其中一组是其他信息,不是用户名密码,也被填充了,且input背景色是白色,表单中的input已经手动配置为无背景色,这种情况和浏览器自动填充用户名和密码有关,element表单中,需要将表单设置为autoComplete="new-password"。

复制代码
<el-form-item prop="donglePass">
          <el-input
               v-model="authForm.donglePass"
               type="password"
               auto-complete="new-password"
               placeholder="请输入密码"
               show-password
               >
           </el-input>
</el-form-item>

普通表单中的input设置autoComplete="off"就可以了。

复制代码
<input type="password" autoComplete="off"/>

但是在element UI里面设置autoComplete="off"是不生效的,需要设置为new-password,如上面所示

相关推荐
石山岭几秒前
# iOS 题库
前端
Zella折耳根1 分钟前
从零解析终端小游戏开发:功能实现与核心编程知识点复盘
前端
nap-joker2 分钟前
使用n8n+飞书搭建自动推送新闻机器人
javascript·json·飞书·工作流·n8n·36氪新闻向客户端推送
思麟呀2 分钟前
C++11核心特性(二):constexpr
开发语言·c++
Pikachu8034 分钟前
我在早高峰地铁里对手机吼了几句,隔壁同事直接看傻了
前端·后端
程序员二叉8 分钟前
【Java】String 全套高频面试题详解
java·开发语言·面试
阿里嘎多学长14 分钟前
2026-06-07 GitHub 热点项目精选
开发语言·程序员·github·代码托管
字节高级特工14 分钟前
C++11(三)终极指南:可变参数模板与包装器详解
java·开发语言·c++·后端
半岛@少年17 分钟前
Webpack在前端项目中究竟发挥什么作用?
前端·webpack·前端工程化
2501_9400417418 分钟前
企业官网与品牌落地页,能直接交付的前端题目
前端