解决element的el-input 输入框浏览器自动填充账号密码问题

最新推荐文章于 2023-12-25 16:07:29 发布
最新推荐文章于 2023-12-25 16:07:29 发布
阅读量1.4w 收藏 5
点赞数 2
分类专栏： Vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40297452/article/details/106052806
版权

浏览器会默认将已保存的账号密码 填充到input type值为password的输入框内，如果在登录页面，这是期望的，但是如果在注册页面、新增账号等页面，这就是超出需求了，如下：

 

可以通过以下方法解决， 在type为passworld的input中加auto-complete="new-password"属性即可

此外，我看到element官方文档的也有这个属性，但是我试了，并不能实现对应效果，原因暂未知，我版本是 "element-ui": "^2.13.0",

 

 

补充：发现在360浏览器还是存在问题，最近比较忙，后续补充！

 

ps：刚好遇到这个问题，简单记录一下 

Ashley的成长之路
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
vue element-ui实现input输入框金额数字添加千分位
10-15
主要介绍了vue element-ui实现input输入框金额数字添加千分位,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
Vue-页面解决浏览器自动填充input输入框账号密码
JackieDYH的博客
12-18 837
登录注册页面禁止浏览器自动填充账号密码。
Element Input输入框的使用方法
10-15
主要介绍了Element Input输入框的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
解决 element的el-input 输入框/普通input输入框 浏览器自动填充账号密码问题
weixin_42716945的博客
07-07 4134
一 先说一下普通input输入框保存历史记录的解决方法 在input输入框中加autocomplete="off"属性 可去除历史记录 二element的el-input 输入框 填充历史记录 解决方法 浏览器会默认将已保存的账号密码 填充到input type值为password的输入框内 在登陆页面 这是正常的 但进入系统后 随便打开一个类型为password的输入框 页面就会自动填充对应的账号密码 解决方法 ：在type为passworld的input中加auto-complete=...
Vue3中Element-plus不生效问题解决
kk爱闹
02-15 3950
解决Vue3中element-plus不生效问题
element-ui中的show-password不起作用解决
weixin_42290901的博客
05-17 3118
今天在使用element-ui中密码框，使用show-password属性即可得到一个可切换显示隐藏的密码框，但是发现根本不起作用，分析发现是版本低问题，升级到最新版本即可，如何升级vue中element-ui版本可参考如下链接： https://blog.csdn.net/weixin_42290901/article/details/116935887?spm=1001.2014.3001.5501 ...
elementui 里使用input 密码框,输入时禁止弹出浏览器历史密码提示框
最新发布
u010328533的博客
12-25 1471
解决方案,使用css的 -webkit-text-security: disc;官方api上,使用autocomplete属性不生效。
解决使用elementUI密码输入框自带属性show-password出现的问题
handsome_man__的博客
06-09 2619
前提：浏览器有缓存密码 场景：一个el-form里面有一个时间框el-date-picker和一个密码框el-input，密码框使用show-password 问题：当选择缓存密码时，同时有用户名和密码，会自动打开el-date-picker选择器，这只是举个例子，当然，如果密码框上个结构都有可能影响到 解决办法：用多个el-form包裹这些组件就行，el-form互不影响...
vue element-ui实现密码显隐的输入框
热门推荐
云的博客
03-06 2万+
因为发现element-ui input的show-password没起作用自己写的。没有新引用icon。 如果引用icon <!--修改密码--> <el-dialog width="40%" ...
element-ui的el-input组件type为password时自动填充问题
weixin_43693072的博客
08-24 2085
element-ui的el-input组件type为password时自动填充问题 直接上代码 <el-form :model="passwordForm" :rules="rules" ref="form" label-width="80px"> <el-form-item label="登录用户"> <el-input v-model="passwordForm.userName" disabled></el-input> &
Vue+element 解决浏览器自动填充记住的账号密码问题
12-10
以上所述是小编给大家介绍的Vue+element 解决浏览器自动填充记住的账号密码问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！ 如果你...
vue使用element-ui的el-input监听不了回车事件的解决方法
08-28
小编在使用element-ui时，el-input组件监听不了回车事件，怎么回事呢？下面小编给大家带来了vue使用element-ui的el-input监听不了回车事件的解决方法，一起看看吧
element el-input directive数字进行控制
12-29
使用自定义指令格式化el-input 背景 使用element开发的过程中遇到循环的数据只能输入数字，并且有不要小数点，有需要小数点的 使用vue directive 进行控制 开发 页面使用方式 v-numberInt:0=”item.first_fee” 0...
Element输入框带历史查询记录的实现示例
12-10
使用Element带输入建议的输入框来实现此需求。用法详见官网 1. 坑1：不能直接在querySearch里返回数组，一定要调用回调函数cb来处理数据 看了一下例子，建议列表应该是个数组，然后我就在querySearch里直接返回了一...
基于element-ui对话框el-dialog初始化的校验问题解决
10-14
主要介绍了基于element-ui对话框el-dialog初始化的校验问题解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue中el-input绑定键盘按键(按键修饰符)
11-20
vue怎么写键盘事件 vue允许将按键值作为修饰符来使用，如...el-input监听不到键盘事件,原因是element-ui是封装组件，所以el标签属于自定义标签，因此触发不了键盘事件。 解决办法：加上.native原生事件修饰符即可。
Element-ui中元素滚动时el-option超出元素区域的问题
10-16
主要介绍了Element-ui中元素滚动时el-option超出元素区域的问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
10-14
主要介绍了解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
element el-tree组件的动态加载、新增、更新节点的实现
10-15
主要介绍了element el-tree组件的动态加载、新增、更新节点的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
element el-input输入框插入文本
06-01
你可以使用 `el-input` 组件提供的 `prepend` 和 `append` 插槽来在输入框中插入文本或其他元素。下面是一个示例： ```html <template> <el-input v-model="inputValue" placeholder="请输入内容"> <template slot="prepend">http://</template> <template slot="append">.com</template> </el-input> </template> <script> export default { data() { return { inputValue: '' } } } </script> ``` 上面的例子中，我们在 `el-input` 组件中使用了 `prepend` 和 `append` 插槽，并在插槽中分别插入了 `http://` 和 `.com`。这样，最终渲染出来的输入框会在左侧显示 `http://`，右侧显示 `.com`。当用户在输入框中输入内容时，`v-model` 绑定的 `inputValue` 会自动更新。 你也可以在 `prepend` 和 `append` 插槽中插入其他元素，例如图标、按钮等。只需要在插槽中添加相应的 HTML 元素即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值