Vue 在多选上重置过滤器 - 适用于其他元素，但不适用于 vue 多选

Question

我有一个仪表板应用程序，它有许多过滤器：多选下拉菜单、按钮、搜索字段。 仪表板上有 3 个数据集：单击按钮 A 用于数据集 1，按钮 2 用于数据集 2，等等。

当用户单击按钮 A/B/C 时，我正在使用

Object.assign(this.$data, this.$options.data.apply(this))

重置过滤器，但上述方法不适用于Vue Multiselect组件。 知道为什么会这样吗？

我正在使用的多选标记示例：

<multiselect v-model="selectedRegion":options="regions":multiple="true":max="3":close-on-select="true":clear-on-select="true":preserve-search="false" placeholder="Region" label="text" track-by="text":preselect-first="false" v-if="$route.meta.showFilter"> </multiselect>