如题,在优化项目时遇到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>