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

最新推荐文章于 2024-08-14 18:05:17 发布
最新推荐文章于 2024-08-14 18:05:17 发布
阅读量2k 收藏 3
点赞数
文章标签： vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xcj_20160810/article/details/109528063
版权

我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,体验非常不好，作为前端人员真是无法忍受

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

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

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

 

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

 

前端开发工程师在深圳
关注
vue防止浏览器自动填充以及记住密码
weixin_53592107的博客
12-16 3128
当我们使用input，浏览器会对带有type="password"的input进行记住密码。 解决方法： 一，input的type改为text，然后修改样式 vue代码 <el-input v-model="password.checkPass" type="text" class="no-autofill-pwd" ></el-input> css代码 .no-autofill-pwd { /deep/ .el-input__inner { -webkit-t
vue+Element中手机、密码及邮箱验证
qq_46951524的博客
05-19 1219
验证首先有需要验证的对象 账号注册的点击按钮 <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
vue基于element-ui input为密码框时进行密码隐藏与显示，并且不自动进行回显
m0_52263688的博客
04-06 2631
vue基于element-ui input为密码框时进行密码隐藏与显示，并且不自动进行回显 只需在代码中添加 show-password 和 auto-complete="new-password"两个属性即可实现，代码如下： <el-form-item label="用户密码:" prop="passwd" :label-width="formLabelWidth">
避免 el-input 密码自动填充的实用方法
最新发布
m0_67793437的博客
08-14 610
在开发 Web 应用时，通常需要避免浏览器自动填充密码。以下是一些可行的解决方案，特别针对使用 Element UI 框架的el-input组件。
vue禁止浏览器记住密码：使用文本输入框作为密码控件，将输入字符自动转换为*星号，避开浏览器提示保存明文密码的功能，输入框可键入删除复制粘贴替换。Vue、JS
weixin_43185419的博客
11-01 2901
本文针对禁止浏览器记住密码、自动填充的功能使用的方法是： 不使用type为password的输入框，全程使用type=”text“的文本输入框，根据每次输入值替换文本框内容为星号 “*” 或者 小圆点 “·”（中文）。 可以复制粘贴密码，可选中替换。
阻止element plus浏览器默认填写账号和密码
weixin_43594281的博客
03-21 322
【代码】阻止element plus浏览器默认填写账号和密码。
Vue 不让浏览器记录账号密码
hrcsdn13的博客
07-12 228
感觉这个方案不存在浏览器兼容性问题。
element-ui中el-input去除浏览器账号与密码自动填充
qq_33444716的博客
07-13 3488
element-ui中el-input使用若同时出现type='password'和type='text'浏览器会自动填充账号与密码，但是有的时候是不需要自动填充。
解决浏览器会自动填充密码的问题
12-11
解决办法是在form上或input上添加autoComplete=”off”这个属性。 form表单的属性如下所示： 但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。 1.’autocomplete=”off”‘在Chrome中不起作用解决方案 ...
vue3+Element Plus功能组件封装——登录（用户名，密码，验证码，记住密码，登录正则验证）
布克吉的博客
08-13 464
* 登录模块 */})//标识表单//正则验证规则} else {callback()callback()} else {callback()} else {callback()}],}],}]})
vue 实现阻止浏览器记住密码功能
niuniu2878499107的博客
11-17 367
vue 实现阻止浏览器记住密码功能
前端 防止浏览器提示记住密码以及自动填充密码
终生学习，终生成长
01-24 1605
当前端的 type=’password‘ 时，浏览器为了优化用户体验，会在表单提交后提示用户记住密码如果不想要这样的行为，最简单的当然是提示用户自己在浏览器设置中进行相关配置如果希望在代码层面阻止浏览器提示是否记住密码或者自动填充密码，应该怎么做呢？
element-ui 密码输入框添加show-password属性，打开弹窗会自动填入 密码 + 账户名 问题
Shimeng_1989的博客
11-04 3084
element-ui 密码输入框添加show-password属性，打开弹窗会自动填入 密码 + 账户名 问题
禁止浏览器自动填充账号密码
小猫爪子
05-13 601
登录页面常用，登录后浏览器自动填充账号密码，非常不安全，一般为了方便都设置记住密码功能。 解决方法： 设置autocomplete为off,适用于普通文本框 <input type="text" autoComplete="off"/> 设置autocomplete为new-password，适用于密码输入框 <input type="password" autoComplete="new-password"/> elementui组件同样适用。 ...
禁止浏览器表单自动填充
木木木华的博客
02-23 692
禁止浏览器表单自动填充
vue+element-ui 登录界面 浏览器自动填充保存的用户名和密码问题 后台管理系统 如何取消浏览器自动填充
————————————————————————————————
12-13 3046
网上一搜如何取消密码自动填充这个问题 大多都是给el-input加auto-complete这个属性 但这个属性某些情况下还是会出现自动填充问题 会很麻烦 不能解决问题 这个时候可以使用input密文显示 将原本type=“password” 改成type=“text” 然后设置css样式 el-input{ -webkit-text-security：指定要使用的形状来代替文字的显示 none 无。 circle 圆圈。 disc 圆形。 square 正方形 } 这时就解决了账号密码自动填充 ..
vue+element在table中填充button
06-01
在Vue.js和Element UI中，可以使用`<el-button>`组件来填充table中的button。以下是一个示例代码，将button放在table中的第一行第一列单元格内： ```html <template> <el-table :data="tableData"> <el-table-column label="按钮"> <template slot-scope="scope"> <el-button type="primary" @click="handleClick(scope.row)">点击</el-button> </template> </el-table-column> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> </el-table> </template> <script> export default { data() { return { tableData: [ { name: '张三', age: 18 }, { name: '李四', age: 20 } ] } }, methods: { handleClick(row) { // 处理点击事件 } } } </script> ``` 在这个例子中，我们使用了Element UI的`<el-table>`和`<el-table-column>`组件来创建表格，并使用了`<template>`标签和`slot-scope`来嵌入按钮组件`<el-button>`。在按钮上绑定了一个点击事件`handleClick`，可以在方法中处理点击事件。同时，我们还使用了Vue.js的数据绑定功能来填充表格数据。 你可以根据需要修改按钮的样式和事件处理逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值