Element-Plus el-select远程搜索：如何优化数据回显避免首次加载显示错误？

<code class="vue"><el-select v-model="formData.id" :loading="loading" :remote-method="searchCustomers"></el-select>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const formData = ref({ id: null, name: null }); // 初始化formData，id设为null
    const selectOptions = ref([]);
    const loading = ref(false);

    const searchCustomers = async (query) => {
      loading.value = true;
      selectOptions.value = []; // 清空选项
      try {
        const { data } = await api.fetchCustomers(query); // 替换为你的API调用
        selectOptions.value = data;
      } catch (error) {
        // 处理错误
      } finally {
        loading.value = false;
      }
    };

    return { formData, selectOptions, searchCustomers, loading };
  },
  mounted() {
    this.$nextTick(() => {
      if (formData.value.id) { // 只有当formData.id有值时才进行回显
        setTimeout(() => {
          searchCustomers(formData.value.id); // 使用formData.id作为初始搜索条件
        }, 0);
      }
    });
  }
};
</script></code>