效果如下:
代码:
<el-select
style="width: 100%"
v-model="scanBlurry"
multiple
filterable
remote
class="filter-item"
reserve-keyword
:placeholder="$t('barcode.scanSearch')"
:remote-method="remoteMethod"
:loading="loading"
@change="getScanSearch"
>
<el-option
v-for="item in optionsMatching"
:key="item.index"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
data中定义:
optionsMatching: [],
scanBlurry: [],
loading: false,
remoteMethod方法
remoteMethod(query) {
let _this = this;
if (query !== "") {
_this.loading = true;
searchMatching(query).then((res) => {
_this.loading = false;
_this.optionsMatching = res.map((item, index) => {
return {
value: item,
label: item,
index: index,
};
});
console.log(_this.optionsMatching, "_this.optionsMatching");
});
} else {
this.optionsMatching = [];
}
},