javascript - Vue 多选不删除选项

Question

我有一个 vue-multiselect 的工作示例。对于剩下的两个问题，这按预期工作。

1. 当您尝试通过单击 x 删除一个选项时，它实际上复制了该选项，并且永远不会删除它
2. 即使我将 isLoading 变量重置为 false，加载微调器也永远不会消失

示例:https://codepen.io/TheDevCoder/pen/bGVbGOG

标记

<multiselect
    v-model="value"
    id="ajax"
    label="full_name"
    :options="store"
    :multiple="true"
    :loading="isLoading"
    :internal-search="false"
    @search-change="getData"
    >
</multiselect>

脚本

getData(query){
    this.isLoading = true;
    if(query.length > 0){
        axios.get(`https://api.github.com/search/repositories?q=${escape(query)}`)
            .then((res) => {
                this.store = res.data.items;
                this.isLoading = false;
            })
            .catch((error) => {
                console.log(error);
                this.isLoading = false;
            });
    }
}

Answer 1

回答你的第一个问题

(When you try and remove an option by clicking the x, it in factduplicates the option, and never removes it)

您需要指定 :track-by="id"//或者您的唯一 key 是什么