el-autocomplete實現自動匹配

<el-autocomplete v-model="supplierName" :fetch-suggestions="querySearchAsync" placeholder="請輸入供應商編號/名稱" @select="handleSelect"></el-autocomple

te width="100%">

//選擇供應商
        handleSelect:function(item){ this.supplierId=item.ACCOUNTNUM; this.supplierName=item.NAME; }, //自動匹配供應商
 querySearchAsync(queryString, callback) { var list = [{}]; var that = this; axios.post(\'/index.php/supplier/list\',{ supplier_name:that.supplierName }).then((response)=>{ for(let i of response.data.data.list){ i.value = i.ACCOUNTNUM + "---" + i.NAME; } list = response.data.data.list; callback(list); }).catch((error)=>{ console.log(error); }); },

value = i.ACCOOUNTNUM + “---” + i.NAME給list對象添加一個新屬性value是因為el-autocomplete下拉列中只識別value

Callback回調參數，將處理好的數據推回