通常情况下,浏览器会默认将已保存的账号密码 填充到 input type 值为password的输入框内,如果在登录页面,这当然是非常好的,自动填充密码可以节约时间,提高良好的使用体验,这样当然是没有什么问题的
但是如果在注册页面、新增账号等页面,这种操作 就是超出需求了(有点多此一举)
<el-col :span="12">
<el-form-item label="邮箱:" prop="email"
><el-input v-model="ruleForm.email"></el-input
></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="密码:" prop="password"
><el-input type="password" v-model="ruleForm.password"></el-input
></el-form-item>
</el-col>
解决方法
auto-complete="new-password"
在 type 为 passworld 的 input 中加 auto-complete="new-password" 属性即可
<el-col :span="12">
<el-form-item label="邮箱:" prop="email"
><el-input auto-complete="new-password" v-model="ruleForm.email"></el-input
></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="密码:" prop="password"
><el-input auto-complete="new-password" type="password" v-model="ruleForm.password"></el-input
></el-form-item>
</el-col>