1.el-select远程调接口，并进行选择

<el-selectv-model="name11"filterableremotereserve-keywordplaceholder="请输入"size="small":remote-method="querySearchAsync":loading="loadingGr"style="width: 100%"clearable@change="handleSelect"><el-optionv-for="item in userList":key="item.name":label="item.name":value="item.name"></el-option>
</el-select>

name11:"",
userList: [], // 企业名称list
loadingGr: false,

async querySearchAsync(queryString) {console.log('queryString', queryString)if (queryString) {this.loadingGr = true//调用接口const res = await companyList(queryString)console.log('res.data', res.data)this.userList = res.datathis.loadingGr = false} else {this.userList = []}
},
handleSelect(val) {console.log('val', val)
},

2. el-autocomplete输入远程调接口，并进行选择

<el-autocompletev-model="name11":fetch-suggestions="querySearchAsync"placeholder="请输入内容"@select="handleSelect"
></el-autocomplete>

name11:'',
userList:[],

async querySearchAsync(queryString, cb) {const res = await companyList(queryString)// console.log('res1111', res, res.data)this.userList = JSON.parse(JSON.stringify(res.data))//value在列表中是必须的this.userList.forEach(item => {item.value = item.name})const data1 = this.userListcb(data1)
},
handleSelect(val) {console.log('val', val)
},