Vue前端开发中账号密码再次回显bug？

最新推荐文章于 2024-01-22 15:37:18 发布
最新推荐文章于 2024-01-22 15:37:18 发布
阅读量632 收藏
点赞数 1
文章标签： 前端 bug vue.js elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54065476/article/details/124609803
版权

我们在后台管理系统中登录账号密码进入，结果在别的页面中还能看到账号密码自动生成在imput框内  ？为什么呢

我们明明没有默认或者保存账号密码 却会自动回显

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6YCgYnVn5bCP6ZyJ6ZyJ,size_20,color_FFFFFF,t_70,g_se,x_16

 然后我在input里面增加了两个属性和一个onfocus方法就完美解决了这个问题

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6YCgYnVn5bCP6ZyJ6ZyJ,size_20,color_FFFFFF,t_70,g_se,x_16

 结果运行

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6YCgYnVn5bCP6ZyJ6ZyJ,size_20,color_FFFFFF,t_70,g_se,x_16

 非常完美  成功拿下这个bug  有这个问题的友友可以试试它！

造bug小霉霉
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
vue+element-ui表格实现隐私信息的加密展示和解密操作
Pwsifeng的博客
07-20 2324
解密工具crypto-js地址https//www.npmjs.com/package/crypto-js。注加密数据和密匙都由后端接口返回，这里仅对加密数据进行解密展示。1.在全局utils下新建crypto.js文件，创建解密方法！2.获取接口数据并添加解密后的明文字段。3.页面表格操作点击眼睛切换明文密文。...
vue 前端显示图片加token_手摸手，带你用vue撸后台 系列二(登录权限篇)
weixin_39562579的博客
10-20 1104
完整项目地址：vue-element-adminhttps://github.com/PanJiaChen/vue-element-admin前言拖更有点严重，过了半个月才写了第二篇教程。无奈自己是一个业务猿，每天被我司的产品虐的死去活来，之前又病了一下休息了几天，大家见谅。进入正题，做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功...
Vue的前端登录，修改已登录用户信息，用户登录信息回显，安全退出
庭前云落的博客
03-11 3333
一、登录模块 登录同时，将token(Jwt鉴权)、和用户对象存入sessionStorage 将对象存入要JSON.stringify转字符串存 <scri...
vue 解决密码框 input 中type=“password“时，chrome浏览器会回显之前保存的用户名和密码
我心中有猛虎 细嗅蔷薇
01-15 3424
现象 input的type="password"时，会出现之前保存的用户名和密码回显出来 解决办法 给input加上如下属性 <el-input v-model=xxx type="password" autocomplete="new-password" readonly onfocus="this.removeAttribute('readonly');this.type='password'" placeholder="password" /> ...
vue 解决密码框 input 中type=“password“时，浏览器会回显之前保存的用户名和密码
horizon_26的博客
03-11 7967
input的type="password"时，会出现图中现象，之前保存的用户名和密码回显出来 1.为了解决这个问题尝试过以下几种方法： List item autocomplete=“off” autocomplete=“new-password” 在input之前再写一个input 隐藏起来 但是发现这三个方法都没什么效果 思考灵魂所在： 密码框会回显之前保存的账户，是因为设置了t...
Vue登录密码的显示隐藏
玲珑骰子安红豆，入骨相思知不知
09-25 2251
在写这篇博客的时候，我还在加班，实现了一个小功能，这个功能非常常见，实现功能很容易，实现的漂亮就不一般喽。 项目用的是VUE的Vant组件库，具体实现如下： HTML： <van-field placeholder="请输入手机号/用户名/邮箱名" clearable maxlength="11" ...
基于Spring Boot + Vue 前后端分离个人博客网站设计
Lv Zejiang
06-17 9363
个人博客网站摘要一、绪论1.1 课题背景、目的、意义1.2 国内外研究现状1.3 技术介绍1.3.1 Spring Boot1.3.2 MyBatisPlus1.3.3 Shiro1.3.4 Redis1.3.5 Jwt1.3.6 Vue1.3.7 Element-ui1.3.8 Axios1.3.9 前后端分离二、可行性分析2.1 技术可行性分析2.2 时间和资源可行性三、需求分析3.1 用户分析3.2 功能需求分析3.3 流程分析四、结构设计4.1 实体e-r图4.2 数据库设计五、详细设计六、系统测试
瑞吉外卖开发技术
lookqinghuaci的博客
12-12 3511
本项目（瑞吉外卖）是专门为餐饮企业（餐厅、饭店）定制的一款软件产品，包括系统管理后台和移动端应用两部分。其中系统管理后台主要提供给餐饮企业内部员工使用，可以对餐厅的分类、菜品、套餐、订单、员工等进行管理维护。移动端应用主要提供给消费者使用，可以在线浏览菜品、添加购物车、下单等。
前端2020面试题195道
热门推荐
weijieyuhyt的博客
01-13 1万+
HTML5面试题 一、 Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? <!DOCTYPE> 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法， 混杂模式...
谷粒商城项目搭建思路
super_song的博客
06-21 1955
文章目录1. 基础篇核心技术点1.1 搭建环境2.高级篇核心技术点3. 集群篇 1. 基础篇 核心技术点 微服务基础开发： 逆向工程、微服务基础开发 SpringBoot、Mybatis、MybatisPlus、JCR303、Restful Maven、Git、Vagrant、Linux、Docker Aliyun-Oss、MySQL、Redis ES6、Vue、element-ui 目标：从0开始做一个合格的小全栈程序员 1.1 搭建环境 使用VirtualBox搭建虚拟机环境，需要设置cpu 2.高
Vue-页面解决浏览器自动填充input输入框账号密码
JackieDYH的博客
12-18 1335
登录注册页面禁止浏览器自动填充账号密码。
Vue项目登录功能中，保存用户名和密码，下次登录的时候，用户名和密码显示在表单上
weixin_43676252的博客
02-12 8256
界面 &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=
前端密码账号加密传输，DES加密，解密
湫止的博客
08-17 1628
场景引用：前端账号密码加密传输后台解密登入 前端加密： 前端 引用 crypto-js.js 文件 文件比较长，不好复制<文件可去我上传的资源下载，已上传到我的资源> //引用前端 js <script type="text/javascript" src="${base}/public/script/crypToJs/crypto-js.js"></script> //前端 var key = "可用随机字符加盐,需后台解密字符串一致";//如：kEHrDoox
【前端】浏览器防止自动代填和回显已经保存的账号的解决方案
dearbaba_11的博客
07-13 201
【前端】浏览器防止自动代填和回显已经保存的账号的解决方案
vue3解决chrome点击密码框自动弹出历史密码的问题
IU
03-08 422
vue3解决chrome点击密码框自动弹出历史密码的问题
Vue 登录页输入框白色背景 实现阻止浏览器记住密码功能的三种方法
最新发布
weixin_64310738的博客
01-22 614
通常会主动识别密码表单，在你登录成功之后提示保存密码 ， 密码保存到浏览器的 密码管理器中 ( 如下是谷歌浏览器 )这种行为是浏览器的行为 ，这种操作也是为了方便用户的使用。
vue登录时，兜底验证与统一抛出错误
W936438835的博客
10-08 929
使用的后台框架：介绍 | vue-element-admin 一、先解决登录时用户账号或者密码出错，try catch没有错误提示(没有进入catch分支) 1、在login/index中，使用handleLogin这个验证方法 <el-button class="loginBtn" :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="handleLog.
基于vue-elementUI登录页面的密码显示和隐藏切换
Geezer_007的博客
04-16 2094
登录时的填写密码显示文本或者显示黑点切换其实就是两个div的v-if/else判断； 下面详细说下具体实现过程；（附代码图） 第一步： 默认密码显示的是黑点： 代码部分这样写： 红线框圈住的①就是密码显示为文本的部分； 这里需要注意的一个重点是密码显示为黑点还是文本最主要是看你给input框的type设置的是什么值，如果想显示为文本就type=‘text’，如果想显示为黑点就type=“password”（如下图） 第二步： 不过有人会疑问你设置的不是文本吗为什...
vue解决密码input框内回显浏览器之前保存的账号密码
T_ianxin的博客
06-01 708
问题： 　　浏览器保存登录的账号密码之后，在界面修改会自动回显到input框内，影响观感使用。 解决办法： 　　给input加上属性autocomplete="new-password" readonly onfocus="this.removeAttribute('readonly'); this.type='password'" 　　如下： <el-input v-mod...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值