el-select多选回显的值不在el-option中怎么办

新手上路,请多包涵

el-select.gif
如图所示,后台返回是ID,显示的label是name,起始港有上千条不可能全部返回,只能每次返回10条,初次进来的时候,648应该是连云港,因为返回的10条数据中没有,所以只显示ID,当我搜索的时候,因为是在后台处理,导致前面所有的name都找不到了,全部都显示ID了。请问这种改怎么解决。

阅读 8k
2 个回答

最好让后端支持 同时返回中文 如果不行,加接口 根据id查询出label 没数据纯前端也没办法

代码大致如下:

<template>
  <el-select
    v-model="value"
    multiple
    filterable
    remote
    reserve-keyword
    placeholder="请输入关键词"
    :remote-method="remoteMethod"
    :loading="loading"
  >
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>
<script>
export default {
  data(){
    return {
      value: [],
      options: [],
      loading: false
    }
  },
  methods:{
    remoteMethod(query){
      // 将返回的list concat 到 this.options 上
      this.options = this.options.concat(list)
    }
  }
}
</script>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题