How to set selected option when data source is AJAX? about vue-select2 HOT 5 CLOSED

import Select2 from "v-select2-component";
import { ref, onMounted } from 'vue';

export default {
  components: { Select2 },

  props: ["value"],

  data: () => ({
    settings: {
        ajax: {
            url: `/api/v1/things`,
            dataType: "json",
            data: params => {
                return {
                    term: params.term,
                    page: params.page || 1,
                    pageSize: params.pageSize || 50
                };
            },
            processResults: (data) => {
                return {
                    results: data.items.map(({ id, name: text }) => ({ id, text })),
                    pagination: {
                    more: data.current_page < data.last_page
                    }
                };
            }
        }
    }
  }),

  setup() {
    const selectRef = ref(null);

    onMounted(() => {
        if (this.name) {
            selectRef
                .append($(`<option selected value="${this.value}">${this.name}</option>`))
                .trigger('change');
        }
    });

    return { ref };
  }
};