el-complete可以实现后台远程搜索功能,但有时传入数据为空时,接口可能会报错。此时可在querySearchAsync方法中,根据queryString判断,若为空,则不掉用接口,直接callback([]),反之则调用接口,返回数据。
代码如下∶
<el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" @select="handleSelect" ></el-autocomplete>
querySearchAsync(queryString, cb) {
if(querySteing){
cb([])
} else{
cb(list)
}
},