Vue.js vue js-多选：全选/全选

我需要在vue multiselect中使用全选和取消全选功能

以下是问题陈述/要求：

MainArray=[111211311566676668666911991144]

当我键入111时，vue multi-select将仅显示：

1112111115

现在，我需要一个选项来选择所有这三个项目一次点击，并需要添加这些项目到

selectedArray=[1112111115]

当我再次键入66时，将显示vue multi-select

66676668和6669

现在我需要选择所有这三个项目，从而

selectedArray=[1112113115666766686669]

现在我再次搜索111 multiselect vue将显示1112111115。现在我需要取消选择所有这样做

selectedArray=[666766686669]

再次搜索11时，将显示I vue multiselect

111211311511991144

这里1112111115处于选中状态，11991144处于取消选中状态。 现在，当我单击全选[可能是复选框或可单击文本]时，我需要选择剩余的未选中项目。 从而使

所选阵列=[111211311566676668666911991144]

查询：

我可以为此全选/全选选择的最佳控件是什么？复选框/可单击文本

实现此功能的最佳解决方案

---

现在它非常粗糙，但您可以使用vue multiselect的选项组：

比如：

监听@input并设置过滤器和设置组属性 使用计算属性filteredArray而不是MainArray，在MainArray中，您可以使用与筛选条件匹配的值构造组列表，如果没有筛选集，则返回原始数组 单击所述过滤器组以选择/取消选择所有子项

---

文档中提供的组标签是否与您第三点中的“过滤器组”匹配？那么，它是否会像组值的多选择和动态单个数组中的常量组标签select all deselect all？否？它应该表示当前的搜索条目，例如“111”