阻止表单自动加载浏览器记住的用户名及密码

前言：

        在使用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;
}