有关表单autocomplete = “off“ 失效问题解决方案

一、autocomplete介绍

autocomplete是Html5中的新属性。
该属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入的时候，浏览器基于之前输入过的值，应该显示出在字段中填写的选项。
该属性适用于，以及下面的类型。text,search,telephone,email,password,datepickers,range以及color.
该属性有两个值，on和off。
on是默认的，规定启用自动完成功能。
off是规定禁用自动完成功能

二、有关autocomplete = "off"失效

当input的type为paddword的时候，autocomplete 发现并没有起作用

1、readonly

先设置属性readonly,然后在点击那个元素的时候，再把readonly设置为false。或者延迟一会再设置为false（我是使用这种方法解决的）

 mounted() {
    if (this.editMode) {
      // 获取父元素
      const parent = document.querySelector('.toggle-password-container');
      console.log('parent', parent);
      const elements = parent.getElementsByTagName('input');
      elements[0].setAttribute('readonly', true);
      setTimeout(() => {
        elements[0].setAttribute('readonly', false);
        this.indexRe++;
      }, 300);
    }
  },

2、text

先设置其type为text，单点击的时候，再把其type改为password----这种编辑页面肯定不行

3、autocomplete=“new-complete’”

.看网上还有一种说法，是把autocomplete的值写为’new-complete’。网易登陆邮箱就是这样写的。但是这个方式我实验了以后，是不可以的（大佬们可以试一试）