vue+elementUI自动填充浏览器保存的用户名密码的问题

如题，在优化项目时遇到form表单自动填充浏览器保存的用户信息，网上发现添加个隐藏的input等等类似障眼法避开了回显，但又有了新的问题【红彤彤的表单校验提示】，满足不了我的需求。

因此关注到根据自动填充这个属性，深究得到解决方案如下。

HTML <input> autocomplete 属性

autocomplete="on|off" 

on：默认。规定启用自动完成功能

off：规定禁用自动完成功能。

如题解决方式：

普通文本框type =‘text’添加 autocomplete="off"，密码输入框添加 autocomplete="new-password"。

<el-input

v-model="userForm.name"

placeholder="1-30位包含英文、数字、下划线"

maxlength="30"

autocomplete="off"

></el-input>

<el-input

v-model="userForm.pwd"

placeholder="密码为9～18位 数字、字母、特殊符号"

type="password"

autocomplete="new-password"

></el-input>