input框取消密码提示失效

问题

在 chrome 下 我的 表单新增总是 会提示 保存密码 或者 自动补全

处理方法如下

1. 添加 autocomplete 属性

感觉改方法总是不生效

<form autocomplete="off">
	<input autocomplete="off"/>
</form>

2. 我的解决方法

1. input text autocomplete = “off” 依旧添加，虽然感觉没用
2. input text 前面添加一个 隐藏 input text 防止 提示添加或更新密码
3. input password autocomplete=“new-password” 防止 密码自动补全

    <el-form-item
      label="用户名"
      prop="userName"
      :error="userNameTip"
    >
      <input style="display: none;" type="text"> 
      <!-- 这个隐藏的 input 框是为了 出去保存密码提示-->
      <el-input
        placeholder="请输入用户名"
        v-model.trim="form.userName"
        @blur="checkUserName"
        
        autocomplete="off"
        
        v-if="type !== 'edit'"
      ></el-input>
      <span v-else>{{form.userName}}</span>
    </el-form-item>
    <el-form-item
      label="密码"
      prop="password"
    >
    <!-- 通过 autocomplete="new-password" 防止密码自动补全-->
      <el-input
        type="password"
        placeholder="请输入密码"
        v-model.trim="form.password"
        autocomplete="new-password"
      ></el-input>
    </el-form-item>