vue 解决浏览器自动回填输入框问题

使用个别浏览器加载页面时，有些输入框会受浏览器自动记住密码影响，自动回填信息，解决：先把输入框设置为只读状态，当获取焦点时再取消这一属性。

加：

readonly onfocus="this.removeAttribute('readonly');"

例如：

<el-input size="mini" placeholder="" readonly onfocus="this.removeAttribute('readonly');" v-model="formPass.testUserCode"></el-input>

如果不需要取消自动回填，要修改自动回填后的输入框背景色，例如：我的需求是做一个透明底色的登录表单

<style>
/* 设置输入框背景色透明 */
.login_form .el-input__inner {
     background-color: transparent !important;
     color: #c0c4cc  !important;
}
/* 记住密码时背景会自动回填 设置成透明 */
.login_form .el-input__inner:-webkit-autofill {
    transition: background-color 50000s ease-in-out 0s !important;
    -webkit-text-fill-color: #c0c4cc  !important;
    caret-color: #fff !important;
}
</style>

，