Vue多选不显示所有选项

Question

我在 Vue 组件中使用https://vue-multiselect.js.org 。我正在使用 AJAX 更新选择列表选项，我在检查器中看到有 10 个值。

但是当我实际单击进入多选列表时，我只看到这些项目的子集，而且我不明白为什么......以下是我的多选道具/事件：

<multiselect
        v-model="organization"
        :allow-empty="true"
        :loading="loading"
        :options="organizationSearch"
        :preserve-search="true"
        @search-change="searchOrganizations"
        @select="organizationSelected"
        @remove="organizationDeselected"
        placeholder="Search Organizations"
        label="name"
        track-by="id"
        class="multiselect my-3"
>

</multiselect>

Answer 1

我想到了。我深入研究了组件代码，发现所有选项都在 prop 中options，但计算字段中只有 3 个filteredOptions。我添加了 :internal-search="false"到我的组件中，然后修复了它。

我认为这里的最终问题与内部过滤和我通过 AJAX 进行的选项动态更新之间的冲突有关。

下面是实际组件定义中的filteredOptions 的定义。