谷歌浏览器第一次登录保存账号密码之后,后续在碰到需要输入账号密码时,浏览器会默认填充账号密码。
项目是vue + element-ui搭建的后台管理系统,不想要账号密码默认填充的效果该怎么办呢?
直接上代码:
<el-form-item label="账户用户名" :label-width="formLabelWidth" class="inputOnly labelMust"><el-input v-model="dataOrigin.accounts":maxlength="50"clearableauto-complete="new-accounts"size="small":disabled="checkDisable"@blur="checkAccounts"></el-input><div class="f12 w100p h20 lh20 pos-abs" style="color: #f00; bottom: -20px">{{ formAlarmText.accounts }}</div></el-form-item><el-form-item label="账户密码" :label-width="formLabelWidth" class=" labelMust"><el-inputv-model="dataOrigin.password":maxlength="20"clearableauto-complete="new-password"size="small"type="password":disabled="checkDisable"@blur="checkPassword"></el-input><div class="f12 w100p h20 lh20 pos-abs" style="color: #f00; bottom: -20px">{{ formAlarmText.password }}</div></el-form-item>
划重点:
auto-complete=“new-password”
加上之后便不再自动填充账号密码了~