vue项目中解决谷歌浏览器默认填充账号密码问题

谷歌浏览器第一次登录保存账号密码之后，后续在碰到需要输入账号密码时，浏览器会默认填充账号密码。
项目是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”

加上之后便不再自动填充账号密码了~

vue项目中解决谷歌浏览器默认填充账号密码问题相关推荐

vue项目中解决浏览器刷新vuex数据消失问题
vue项目中解决浏览器刷新vuex数据消失问题说明 vuex中的数据经过浏览器刷新后会消失,所以应设置在浏览器刷新之前将数据存入浏览器或者cookie中. 操作打开App.vue,在created ...
解决输入框自动填充账号密码的问题
解决输入框自动填充账号密码的问题参考文章: (1)解决输入框自动填充账号密码的问题 (2)https://www.cnblogs.com/yzyh/p/11584500.html (3)https: ...
前端开发：Vue项目中解决Emitted value instead of an instance of Error问题
分享一个在刚接触前端开发的开发者常遇到的一个经典错误,那就是在Vue项目运行中遇到Emitted value instead of an instance of Error的问题,附带解决该问题的方法 ...
vue项目中input框默认获得焦点,回车选中输入文本
项目中遇到的需求: 输入框默认获取焦点,回车后选中文本信息 <input ref="code" type="text" @keyup.enter=&quo ...
vue项目中解决打开新页浏览器拦截的问题
项目中,如果通过接口获取数据,并在then中打开新页面会提示浏览器阻止,如何解决呢? 其实很简单: 1.定义一个url data(){return{url:''} } 2.监听该url,url发生变化 ...
vue项目中textarea阻止默认换行事件
需求如下: textarea中,输入回车键时添加分号分析需求,分下面几步阻止默认回车换行获取值并添加分号 <!-- 此处使用了Vue语法中的事件修饰符 keydown.enter --&g ...
解决浏览器自动填充账号密码行为
这东西真的不是程序员的问题,但是没办法拿着别人的给的钱就必须解决. 如果你很急,就直接跳到最后一个看解决办法. 首先为什么会出现这种情况本人实验了三个浏览器360浏览器.火狐浏览器.谷歌浏览器(都是 ...
Chrome谷歌浏览器自动填充账号密码样式
在Chrome自动填充默认样式 Chrome自动填充账号和密码之后,他输入框会有一个他自带的样式,黄色的或者白色的: 技术栈Vue +element组件库. .el-input__inner {hei ...
vue项目中解决路由重复点击报错问题
router.js中写入 import导入代码下面加入const prototypePush = VueRouter.prototype.pushVueRouter.prototype.push = ...

vue项目中解决谷歌浏览器默认填充账号密码问题

划重点：

auto-complete=“new-password”

vue项目中解决谷歌浏览器默认填充账号密码问题相关推荐

最新文章

热门文章