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)
? ? ? ? }
},