input输入框阻止浏览器默认填充的解决方案

使用readonly属性和foucs方法联合搭配，当浏览器打开页面的时候，将输入框设为只读，当鼠标聚焦到输入框的时候再给它放开。

<el-form>
    <el-form-item>
        <el-input
            prefix-icon="el-icon-user-solid"
            v-model.trim="registerForm.account"
            clearable
            :readonly="readonlyInput"
            @focus="cancelReadOnly()"
        >
	</el-input>
    </el-form-item>
</el-form>

readonlyInput: true,
 
cancelReadOnly () {
    this.readonlyInput = false;
}