代码:
<el-autocomplete style="width: 58%;"
v-model="search_text"
value-key="address"
:fetch-suggestions="search"
:trigger-on-focus="false"
placeholder="请输入内容"
size="small"
></el-autocomplete>
问题描述:search是异步接口,接口有返回数据,但是没有显示出来
解决:
方案一:
value-key绑定需要显示出来的值。需要显示哪个字段,就绑定哪个字段!!!
一开始我是这样写的 value-key="name",然而,接口并没有返回name字段,所以不显示。
方案二:
不写value-key,但是search中callback(data),data需要包含value字段。如下:
search(querystring, callback){
setTimeout(()=>{
const data = [{ "value": "三全鲜食(北新泾店)", "address": "长宁区新渔路144号" }]
callback(data)
}, 1000)
}
如果请求返回的数据没有value,需要自己重构下数据。
(补充)自定义显示的结果:
<div slot-scope="scope">
<span v-html="scope.item.company"></span>
</div>