vue select插件 强制刷新

案例

<template>
  <Select :key="selectKey" v-model="selected">
    <!-- options -->
    <Option v-for="(item, index) in data" :value="item.value" :key="index">{{ item.label }}</Option>
  </Select>
  <Button @click="refreshSelect">刷新 Select</Button>
</template>
 
<script>
export default {
  data() {
    return {
      selectKey: 0,
      selected: '',
      data: [
        { value: 'value1', label: '选项1' },
        { value: 'value2', label: '选项2' }
      ]
    };
  },
  methods: {
    refreshSelect() {
      // 改变 key 值来强制刷新 Select 组件
      this.selectKey += 1;
    }
  }
};
</script>