<el-select v-model="baseForm" placeholder="请选择" filterable clearable :popper-append-to-body="false"@change="onChange">
- 模糊搜索:filterable(是否可搜索) clearable(是否可清空)
固定下拉列表位置在搜索框下面,而不是自适应位置:popper-append-to-body(是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false)
- el-select一般绑定idList,但是有时候需要根据下拉选择的内容做别的操作,如下图,所以需要绑定的是itemList对象,但是因为key还是id,所以需要el-select上增加value-key="id"。
<el-select v-model="selectItemList" placeholder="测试" value-key="id">
<el-option
v-for="list"
:key="item.id"
:label="item.text"
:value="item">
</el-option>
如果保存接口需要传idList就过滤一下。let idList = itemList.map(item => item.id)