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

最新推荐文章于 2024-11-25 13:35:40 发布

原创最新推荐文章于 2024-11-25 13:35:40 发布 · 439 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#firefox #vue.js #elementui #密码框

报错专栏收录该内容

21 篇文章

订阅专栏

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

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>