去掉el-input输入框弹出历史记录框

去掉el-input输入框弹出历史记录框

1、输入框在输入内容时会下拉展示浏览器的历史数据
例如“：

解决方案：

1 给input加一个 autocomplete属性，off代表关闭，on代表开启

// autocomplete="off" 就是关闭 autocomplete="on" 就是开启
        <el-input
        v-model="accountForm.idCard"
        placeholder="请输入身份证号码"
        :disabled="idCardState"
        autocomplete="off" 
        ></el-input>

2、如果你用第一种解决方案还没有解决的话，就用第二种 ，给input 加一个name 或者id属性

例如：

// 添加了name和id下拉历史框就解决了
            <el-input
              v-model="accountForm.userName"
              placeholder="请输入姓名"
              :disabled="editState"
              autocomplete="off"
              type="text"
              name="userName111"
              id='enterName'
             ></el-input>

inout 的v-model字段为userName,浏览器解析到这个就会出现历史下拉框。
其他的输入框不会出现这样的问题，有一些关键字段不能命名，不然就会出现一些奇怪的bug，我在遇到这个问题的时候，添加了一个name就解决了，希望对你们有所帮助！