前端实现模糊查询和远程搜索功能
<el-autocomplete
v-model="value"
:fetch-suggestions="querySearchAsync"
@select="change"
@clear="handleClear"
placeholder="请输入"
clearable
>
</el-autocomplete>
private async querySearchAsync(queryString: any, callback: any) {
let list = [{}];
let params = {
name: queryString
};
const res = await post(ApiUrl.getUrl, params);
console.log('res', res);
if (res.code === 200) {
for (let i of res.model) {
i.value = i.xxx;
}
list = res.model;
callback(list);
} else {
this.$message.error(res.msg);
}
}