Element中el-input密码输入框浏览器自动填充账号密码问题的解决方法
目录
问题描述
解决方法
auto-complete="new-password"
添加一个类
/deep/
总结
问题描述通常情况下，浏览器会默认将已保存的账号密码 填充到 input type 值为password的输入框内，如果在登录页面，这当然是非常好的，自动填充密码可以节约时间，提高良好的使用体验，这样当然是没有什么问题的
但是如果在注册页面、新增账号等页面，这种操作 就是超出需求了（有点多此一举）
<div class="main-side">
<div class="login-location">
<!-- $refs.pass.focus() 按下回车 自动聚焦 密码框 -->
<el-input
@keyup.enter.native="$refs.pass.focus()"
v-model="account"
placeholder="用户名">
</el-input>
</div>
<div class="login-location">
<el-input
ref="pass"
@keyup.enter.native="userLogin()"
v-model="password"
type="password"
placeholder="密码">
</el-input>
</div>
</div>
在 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密码输入框自动填充内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网！
相关文章
Efia
2021-07-15
Serwa
2020-03-20
Abina
2021-05-24
Radinka
2020-01-17
Grace
2023-07-22
Vanna
2023-07-22
Peony
2023-07-22
Dorothy
2023-07-22
Dulcea
2023-07-22
Zandra
2023-07-22
Serafina
2023-07-24
Kathy
2023-08-08
Tanisha
2023-08-08
Gitana
2023-08-08
Olivia
2023-08-08
Elina
2023-08-08
Jacinthe
2023-08-08