谷歌瀏覽器莫名自動回填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>