原因: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的远程搜索