原因:el-select remote 遠程搜索 多個共享一個options,當使用 remote-method 請求數據后,options被改變,value的值不包含在options中,value的值是一個id,當然就顯示id了,難道還顯示name?
嘗試解決的時候發現,把 options 置空,可以保留name的值
方案如下:
@focus="handleFocus"
handleFocus() {
this.options = [];
}
------------------------ 其它方案有待嘗試 ---------------------
一、使用不同的options
1.remote-method傳遞索引參數
v-bind="{ remoteMethod: remoteQuery.bind(null,i) }"
methods: {
remoteQuery(i, query){
console.log(i)
}
}
2.同樣也可以用:value
和@input
加index
定義自己的邏輯
二、或者也可以使用input的遠程搜索