Vue+element 解决浏览器自动填充记住的账号密码问题

最新推荐文章于 2024-08-14 18:05:17 发布
最新推荐文章于 2024-08-14 18:05:17 发布
阅读量2.3k 收藏
点赞数
文章标签： javascript ui ViewUI
原文链接：http://www.cnblogs.com/jun-qi/p/11002850.html
版权

我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,

自动的填充到表单中input 为 type="password" 的框中

登录页面也就算了,但是注册页面就很难受了,有一种不受控制的感觉

不行,我的代码必须由我控制,下面是解决方案:

 

 解决方法:只需要在每个input框前面加一个input,同时将其隐藏,就ok了,账号那个需要放在下面,原因不详...

 

 

转载于:https://www.cnblogs.com/jun-qi/p/11002850.html

weixin_30852367
关注
vue+Element中手机、密码及邮箱验证
qq_46951524的博客
05-19 1243
验证首先有需要验证的对象 账号注册的点击按钮 <el-button @click="newuse">账号注册</el-button> 随随便便一个简单的点击事件 html中写个弹框 <el-dialog title="注册账号" :visible.sync="newsuser" width="30%" @close="resetForm('form')"> <el-form ref="form" :model="form" :rules="rules" l
vue3+Element Plus功能组件封装——登录（用户名，密码，验证码，记住密码，登录正则验证）
布克吉的博客
08-13 538
* 登录模块 */})//标识表单//正则验证规则} else {callback()callback()} else {callback()} else {callback()}],}],}]})
vue 浏览器 input type=“password“自动填充密码处理
weixin_46544600的博客
01-12 1070
autocomplete=“new-password” 也有问题。autocomplete=“off” 不生效。最后将type 值动态化处理好了。
避免 el-input 密码自动填充的实用方法
最新发布
m0_67793437的博客
08-14 958
在开发 Web 应用时，通常需要避免浏览器自动填充密码。以下是一些可行的解决方案，特别针对使用 Element UI 框架的el-input组件。
Vue项目登录功能中，保存用户名和密码，下次登录的时候，用户名和密码显示在表单上
weixin_43676252的博客
02-12 8293
界面 &lt;template&gt; &lt;div class="login-wrap"&gt; &lt;div class="ms-login"&gt; &lt;div class="ms-title"&gt;后台管理系统&lt;/div&gt; &lt;el-form :model=
Vue登录逻辑，解决由浏览器记住密码后，密码自动填充，下拉选项问题
bueryao527的博客
01-21 4443
前言： 作为前端开发，相信大家都遇到过这样的问题？绝大多数的pc项目都是需要登录，忘记密码的。功能很简单，但是有那么一些小小的问题。当我们将项目部署到服务上后，点击登录，浏览器会提示记住密码。作为用户，相信都是会记住的。但是问题来了，记住密码之后，密码会自动填充，鼠标点击密码框，还会出现下拉框让人选择，看着都没问题，但如果这个时候切换“忘记密码”，就会发现，忘记密码页面会自动填充之前浏览器记住的密码。网上有很多解决办法，但是并不能根本解决。再次，我总结了一下，分享给大家。
解决浏览器会自动填充密码的问题
12-11
解决办法是在form上或input上添加autoComplete=”off”这个属性。 form表单的属性如下所示： 但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。 1.’autocomplete=”off”‘在Chrome中不起作用解决方案 ...
vue+elemenUI 解决谷歌浏览器默认填充账号密码问题
寬真
02-11 1660
自动填充主要是找到input的type为password的元素去填充的，然后找到这个元素的上一项填充账号的数据，所以给密码框加上如下属性便不会再自动填充账号密码了。
vue 解决密码框 input 中type=“password“时，浏览器会回显之前保存的用户名和密码
輕描淡寫的博客
10-12 1964
浏览器会回显之前保存的用户名和密码解决
vue实现记住账号密码
qq_42740298的博客
10-12 4016
vue实现记住账号密码
elementui 禁止浏览器自动填充用户名密码
Teler的博客
11-06 9470
浏览器这功能在登录的时候挺好用的，但是在注册和管理的时候就很难受了 所以 在普通的input上直接off就行了 <input type="password" autoComplete="off"/> 而在elementui上使用autoComplete="off"是没用的 得使用new-password <el-input v-model="form.password" sho...
解决vue项目中账号密码自动填充问题
weixin_44953664的博客
03-25 4315
<input type="password" name="password" style="position: fixed;left: -9999px;"> <el-input v-model="OrganData.password" placeholder="请输入" type="password" clearable autocomplete="off" /&gt...
vue 清除浏览器自动填充表单账号密码
一方湖泊
12-24 2105
普通文本框添加 autocomplete=“off”，密码输入框添加autocomplete=“new-password” <input type="text" autocomplete="off" name="username"/> <input type="password" autocomplete="new-password" name="password"/>
解决输入框记住的（浏览器）密码回填到输入框问题
李苗苗的博客
09-18 4280
一，阻止回填 1.<inputtype="text"name="password"onfocus="this.type='password'"autocomplete="off"/> 2.autocomplete="new-password" 3.autocomplete="nope" 4.<input style='position:fixed;bottom:-...
解决element的el-input 输入框浏览器自动填充账号密码问题
热门推荐
前端攻城狮
05-11 1万+
浏览器会默认将已保存的账号密码 填充到input type值为password的输入框内，如果在登录页面，这是期望的，但是如果在注册页面、新增账号等页面，这就是超出需求了，如下： 可以通过以下方法解决， 在type为passworld的input中加auto-complete="new-password"属性即可 此外，我看到element官方文档的也有这个属性 用on 和off控制即可，我试了，两种方法都可以 ps：刚好遇到这个问题，简单记录一下 ...
Vue+Element-UI封装table使用：解决表头render函数问题
"这篇文档主要介绍了如何在Vue项目中结合Element-UI库使用表格（table）功能，并且解决Element-UI不支持直接在表头内写render函数的问题。作者通过二次封装element-ui的table组件来实现自定义渲染功能。文档包括了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值