有关表单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’。网易登陆邮箱就是这样写的。但是这个方式我实验了以后，是不可以的（大佬们可以试一试）