[ElemeFE/element][Bug Report] el-select组件在options数据异步加载时，input里的文案不能正常回显

遇到了相似的问题! 只要在数据没返回时打开了下拉（下面用setTimeout模拟），数据不能正常回填。

<el-select v-model="value" placeholder="请选择">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

data() {
      return {
        options: [],
        value: ''
      }
    },
    mounted() {
      setTimeout(() => {
         this.value = '选项1';
        this.options = [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶'  }];
      }, 5000)
    }
  }

这个问题有解吗？我看element-plus也有这个问题，人都麻了

相同问题，不过复现方式不一样：

1. select框，有选项A，B，C，选中了A
2. 更新option，有选项D,E,F.
3. 此时显示的内容仍旧是A

遇到了相同的问题，只要列表接口返回的数据慢就回显不了label。本来是封装成了业务组件，后来没办法只能提前调用列表接口，然后把列表数据传到select里。

我修复了这个Bug，不知道啥时候能 merge，大家可以一起 review 下

pr地址发一下康康

https://github.com/ElemeFE/element/pull/22418

上面也可以看到的

https://github.com/ElemeFE/element/pull/22418

上面也可以看到的

1.给select设置一个key，options数据更新后刷新key——解决无法更新显示label问题 2.设置remote、filterable为true，动态更新options下拉列表。此时不要更新key（避免下拉框自动收起），在visible-change事件里面监听visible=false时再更更新key

<el-select v-model="value" placeholder="请选择" :key="selectKey"  :remote="true" filterable @visible-change="visibleChange">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
data() {
    return {
      options: [],
      value: '',
      selectKey: 1
    };
  },
  mounted() {
    setTimeout(() => {
      this.value = '选项1';
      this.options = [
        {value: '选项1', label: '黄金糕'},
        {value: '选项2', label: '双皮奶'}
      ];
      this.selectKey++;
    }, 5000);
  },
  methods: {
    visibleChange(visible) {
      if (!visible) {
        this.selectKey++;
      } else {
        setTimeout(() => {
          // 更新下拉框
          this.options = [
            {value: '选项1', label: '黄金糕'},
            {value: '选项2', label: '双皮奶'},
            {value: '选项3', label: '莲子粥'},
            {value: '选项4', label: '豆沙包'},
          ];
        }, 2000);
      }
    }
  }
};