1，html代碼 <el-autocomplete v-model="query.providername" :fetch-suggestions="providernameSearch" placeholder="請輸入內容" @select="handleProvidername" :trigger-on-focus="false" ></el-autocomplete> 2，js providernameSearch(queryString,callback){ var list = [{}] if(queryString && queryString.length>0){ let parms = { name:queryString } providerformFindProvider(parms).then(res=>{ if(res.status == "ok"){ //處理成自己想要的格式 list = res.data.map(item=>{ return { id:`${item.id}`, value:`${item.name}` } }) callback(list); } }) } }, handleProvidername(item){ this.query.providername = item.value; this.providername = item.value; },
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/121173.html
標籤：HTML5