Javascript 如何限制vue select中的选定项目？

我使用多个值。 以下是一个例子：

我有以下代码：

<v-select multiple v-model="selected" :options="options"></v-select>

---

谢谢大家!

您可以使用

v-on:input

侦听器查看选择了多少项

然后将一个简单的函数传递给它，如下所示：

 <v-select multiple v-model="selected" :options="options" v-on:input="limiter"></v-select>

---

现在，如果您添加了两个以上的项，那么最后一个项将被删除，您将看到控制台日志。您可以使用

v-on:input

侦听器查看选择了多少项

然后将一个简单的函数传递给它，如下所示：

 <v-select multiple v-model="selected" :options="options" v-on:input="limiter"></v-select>

---

现在，如果您添加了两个以上的项目，那么最后一个项目将被删除，您将看到控制台日志

您可以简单地使用内联条件：

<v-select multiple v-model="selected" :options="selected.length < 2 ? options: []">

在上面的示例中，我限制了2个选项。如果选择了2个选项，则不会生成选项。删除所选选项，然后您将看到选项下拉列表

---

以下是更新的。

您可以简单地使用内联条件：

<v-select multiple v-model="selected" :options="selected.length < 2 ? options: []">

在上面的示例中，我限制了2个选项。如果选择了2个选项，则不会生成选项。删除所选选项，然后您将看到选项下拉列表

以下是更新的。您可以使用

:selectable="() => selected.length < 3"

：可选=“（）=>selected.length<3”

从官方文档中，您可以使用

:selectable="() => selected.length < 3"

：可选=“（）=>selected.length<3”

---

从官方文档中

限制什么？？@BhojendraNepal，选择tagsCheck my Response并让我知道这是否是您想要的。限制什么？？@BhojendraNepal，选择tagsCheck my Response并让我知道这是否是您想要的。设置

选项：“”

将引发控制台错误，因为选项被定义为数组而不是字符串。设置

options:“

将引发控制台错误，因为选项被定义为数组而不是字符串。Codepen未找到谢谢，我不知道为什么它不工作，但我删除了它Codepen未找到谢谢，我不知道为什么它不工作，但我成功地删除了它，这不适用于vuetify v-select。他使用的是v-select软件包而不是vuetify。两者都不同。不幸的是，这不适用于vuetify v-select。他使用的是v-select软件包而不是vuetify。两者都不同。