谷歌浏览器莫名自动回填from表单的问题解决方式

在开发中遇到不管怎么查看数据，都没有，但是表单还是会被回填的情况

原因：

原因是浏览器里面保存了很多个账号密码，他让你记住密码后下一次免输入密码的机制是去找当前页面的表单中id，name或者 type为password的第一个input ，回填记住的密码，然后把最近的一个type为非number类型的input回填记住的账号；

因此，当你的表单中存在类型为password的input的时候就会被自动回填 数据，

解决方法：

目前只想到一个：

就是在表当的最开始给一个type为password的input，然后把这个input用css影藏，回填的时候找到了这个input进行回填就不会在对后面的input进行回填

eg:

 <el-form
          ref="addIp"
          :model="addIp"
          label-width="140px"
          :rules="formList.rules"
          class="login-form"
          auto-complete="on"
          label-position="left"
        >
            <input type="password"  class="hide"  name="password" autocomplete="off" />
            <el-form-item label="密码" prop="ip">
              <el-input
                type="textarea"
                style="width:400px"
                type="password" 
                v-model="addIp.ip"
                placeholder="请填写密码"
              ></el-input>
            </el-form-item>
   </el-form>


<style lang='scss' scoped>
.hide{
  width: 0;
  height: 0;
  border: none;
  position: absolute
}
</style>