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,如上面所示

相关推荐
专注前端30年5 分钟前
Webpack进阶玩法全解析(性能优化+高级配置)
前端·webpack·性能优化
小妖同学学AI11 分钟前
Rust 深度解析:变量、可变性与所有权的“安全边界”
开发语言·安全·rust
烛阴21 分钟前
Lua世界的基石:变量、作用域与七大数据类型
前端·lua
张拭心22 分钟前
“不卷 AI、不碰币、下班不收消息”——Android 知名技术大牛 Jake Wharton 的求职价值观
android·前端·aigc
2301_7644413323 分钟前
基于python构建的低温胁迫实验
开发语言·python
SoaringHeart26 分钟前
Flutter疑难解决:单独让某个页面的电池栏标签颜色改变
前端·flutter
ICT系统集成阿祥30 分钟前
华为CloudEngine系列交换机堆叠如何配置,附视频
开发语言·华为·php
Yeats_Liao36 分钟前
Go Web 编程快速入门 13 - 部署与运维:Docker容器化、Kubernetes编排与CI/CD
运维·前端·后端·golang
wjs202442 分钟前
C++ 基本语法
开发语言
Yeats_Liao1 小时前
Go Web 编程快速入门 14 - 性能优化与最佳实践:Go应用性能分析、内存管理、并发编程最佳实践
前端·后端·性能优化·golang