时间:2021-05-26
网上查到的一些方法:
用到的字段
由于 autocomplete="off" 现代浏览器已经不支持,所以直接放弃了对密码框设置,直接使用 autocomplete="new-password" ,亲测Chrome(v88.0.4324.104)、edge(v88.0.705.56)及火狐(v67)可用,但火狐(v85)还是会提示记住密码。
参考:
https://developer.mozilla.org/zh-CN/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#browser_compatibility
在解决火狐高版本提示的过程中,试验了3/4/5的方法,结果都不如人意,但发现火狐浏览器只要最终密码框里的值为星号 “*” 或者小圆点 “●” 时,就不会提示记住密码(不知是否正确,可自行测试),于是新增字段 pwdCover 用于关联输入框,实际传值用 password。
templete
<el-input v-model="username" type="text" name="text" placeholder="账号" autocomplete="off"><i slot="prefix" class="el-input_icon el-icon-user"></i></el-input><el-input v-model="pwdCover" type="password" name="pwd" id="pwd" placeholder="密码" autocomplete="new-password"@input="setPassword"></el-input>scriptdata() { return { username: '', password: '', pwdCover: '', }},method: { login() { this.pwdCover = this.pwdCover.replace(/\S/g, '●'); // 登录请求,失败时恢复pwdCover this.pwdCover = this.password; }, setPassword(val) { this.password = val; }}自信满满发给了项目上的同事,结果翻车了,现场环境:
我安装同版本的谷歌浏览器之后发现问题还是没有出现,而我的操作系统是 Windows10,不知是哪里出了问题,最终还是选择了方法6
templete
script
到此这篇关于vue实现禁止浏览器记住密码功能的示例代码的文章就介绍到这了,更多相关vue 禁止浏览器记住密码内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
UC浏览器如何设置表单密码呢?UC浏览器功能很强大,可以帮助你们记住你们上网的一些密码,方便我们自动登录某些论坛账号,同时还可以操作成不记录密码的功能。下面就让
在谷歌浏览器中,登陆成功后,谷歌浏览器会提示是否记住密码。如果选择记住密码,那么再次登录会出现诸如下边情况:如果产品需求是不希望浏览器自动填充账号密码,那么怎么
让网页记住用户名和密码具有重要的作用,可以帮助我们快速实现登陆操作。无论你使用的是否为IE浏览器,或者别的任何浏览器,因为浏览器有很多种,而网页自动记住登陆的用
IE10浏览器无法记住账号和密码怎么办?大家都知道,IE8、IE9浏览器等都可以保存账号和密码,但是IE10浏览器不知道为什么无法自动记住网站的登陆账号和密码了
iPhone手机safari浏览器有个记住网页账号、密码的功能,但是由于某些原因,导致无法使用这个功能,使得每次都要重复输入账号、密码。一般的网站可以自动记住账