vue报错-Firefox会密码框填充(type=‘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>

结果