javascript - Vue多选限制选项计数

Question

我有一个使用multiselect的 Vue 应用程序，我想拥有它，所以有 5 个选项（a、b、c、d、e），用户最多可以选择 3 个。我检查了文档，这没有t 似乎是受支持的参数，因为它提到的限制只是限制了选择后可见的数量。

这是我当前的代码，但它没有做我想要的

数据：

selectedOptions: [],
optionsLimit: 3,
optionsList: ["a","b","c","d","e",]

模板：

<multiselect v-model="selectedOptions" :multiple="true" :options="optionsList" :hide-selected="true"></multiselect>

当前行为：

将允许选择所有 5 个选项，而不是限制为 3 个。

我怎样才能使用户可以选择最多 3 个选项？

标签： javascriptvue.js

Answer 1

您可以max为此使用道具：

模板：

<multiselect v-model="selectedOptions" :multiple="true" :options="optionsList" :hide-selected="true" :max="3"></multiselect>