vue报错-Firefox会密码框填充(type=‘password‘)

最新推荐文章于 2025-04-12 13:54:06 发布

JP-Destiny

最新推荐文章于 2025-04-12 13:54:06 发布

阅读量413

点赞数

CC 4.0 BY-SA版权

分类专栏：报错文章标签： firefox vue.js elementui 密码框

本文链接：https://blog.youkuaiyun.com/JavaDestiny/article/details/120356219

报错专栏收录该内容

21 篇文章

订阅专栏

本文解决了在使用Element UI框架的密码输入框时，不同浏览器自动填充行为不一致的问题。通过将autocomplete属性设置为new-password，可以确保在所有浏览器中的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Issue

<!--chrome不会密码框填充，firefox会密码填充-->
<el-form-item label="密码" prop="password">
  <el-input
    type="password"
    :readonly="readonly"
    v-model="ruleForm.password"
    placeholder="请输入密码"
    autocomplete="off"
  ></el-input>
</el-form-item>

在这里插入图片描述

Answer

原因：Firefox会密码框填充(type='password')

解决办法：将autocomplete的值改成new-password

<el-form-item label="密码" prop="password">
	<el-input
	  v-model="loginForm.password"
	  type="password"
	  placeholder="请输入密码"
	  autocomplete="new-password"
	/>
</el-form-item>