更新select2组件的选项- vue js

data() {
  return {
    selectOptions: []
  }
}

mounted() {
  // 初始化select2组件
  $(this.$refs.select2).select2();

  // 更新select2组件的选项
  this.updateSelectOptions();
}

methods: {
  updateSelectOptions() {
    // 发起异步请求获取最新的选项数据
    axios.get('/api/select-options')
      .then(response => {
        // 将获取到的选项数据赋值给selectOptions数组
        this.selectOptions = response.data;

        // 更新select2组件的选项
        $(this.$refs.select2).empty().select2({
          data: this.selectOptions
        });
      })
      .catch(error => {
        console.error(error);
      });
  }
}

<select ref="select2">
  <option v-for="option in selectOptions" :value="option.value">{{ option.label }}</option>
</select>