vue+element-ui做的前端模糊查询
template模板代码：
<el-select
v-model="selectedValue"
@change="handleSelect"
filterable
placeholder="请搜索选择信号名称"
:filter-method="remoteMethod">
<el-option
v-for="item in options"
:key="item.id"
:label="item.signalName"
:value="item.seqNo">
</el-option>
</el-select>data里面定义
signalList:[],
options: [],
selectedValue: '',methods方法：
remoteMethod(query) {
if (query !== '') {
this.loading = true;
setTimeout(() => {
this.loading = false;
this.options = this.signalList.filter(item => {
return item.signalName.toLowerCase()
.indexOf(query.toLowerCase()) > -1;
});
}, 200);
} else {
this.options = [];
this.selectedValue = '';
}
},