前言:
在使用element-ui的表单是发现一个特别难受的问题,就是如果有密码 type="password" 的话,那么他会自动读取浏览器的账号密码,设置autocomplete="off"无效,οnfοcus="this.type='password'"无效,在这里只说一种方法,经过测试是可以实现功能的
方法:1、在el-form的最前面添加两个input,
<el-form
:model="ruleForm2"
status-icon
:rules="rules2"
ref="ruleForm2"
label-width="0"
class="demo-ruleForm"
>
<!-- 为了解决默认读取页面账户密码的问题(START) -->
<el-input class='zc_display' type="text"/>
<el-input class='zc_display' type="password"/>
<!-- 为了解决默认读取页面账户密码的问题(END) -->
...
</el-form>
2、样式里添加input的样式,
/******为了解决默认读取页面账户密码的问题******/
.zc_display{
position: absolute;
left: -10000px;
top: -10000px;
height: 0;
width: 0;
}