Element中el-input密码输入框浏览器自动填充账号密码问题的解决方法_vue.js_

问题描述

通常情况下，浏览器会默认将已保存的账号密码 填充到 input    type 值为password的输入框内，如果在登录页面，这当然是非常好的，自动填充密码可以节约时间，提高良好的使用体验，这样当然是没有什么问题的

但是如果在注册页面、新增账号等页面，这种操作 就是超出需求了（有点多此一举）

解决方法

auto-complete="new-password"

 在 type 为 passworld 的 input 中加 auto-complete="new-password" 属性即可

添加一个类

给密码框加入一个 class，之后写 css  

/deep/

使用了外届的组件或者自己开发一个组件，修改一处就可能会影响到用这个组件的所有样式，所以就需要有一个方法或者方式，既不影响到别的地方，又能修改子组件在当前的样式。/deep/ 就能实现，这样就不会影响项目里使用这个公共组件的其他地方的样式

.新加的类 { /deep/ .el-input__inner { -webkit-text-security:disc!important; } }

总结

到此这篇关于Element中el-input密码输入框浏览器自动填充账号密码问题解决的文章就介绍到这了,更多相关Element el-input密码输入框自动填充内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！