el-select remote 远程搜索 多个共享一个options，options改变时输入框值不显示名称的问题...

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

转载于:https://www.cnblogs.com/heroljy/p/11424720.html