javascript - Vue Material - 触发 MdTableAlternateHeader 可见性

Question

我正在寻找一种触发MdAlternateHeader可见性的方法 - 或者可能重置其计数状态。

有问题的应用程序具有这种多选MdTable功能，我在其中每行实现了一个删除功能。但是在数据擦除时，备用标题仍将md-selected类设置为true（引用到已删除和先前选择的元素/行）。以及相关的计算道具（isInSelectedItems和isMultipleSelected）。

我怎样才能改变这些状态？我正在考虑在删除之前触发行上的“选择”或“点击”事件，但我在路上遗漏了一些东西。

在此先感谢您的帮助。

Answer 1

好，我知道了。

我检查了框架数据并注意到了这个包含在组件md-selected-value中的道具。MdTable在我的组件中声明道具后：

props: [
    // ...     
        'mdSelectedValue'
    ],

我通过第二个数组更新它的值，该数组被委派以跟踪正在选择删除哪些元素：

data: () => ({
    selezionato = []
})

然后我听取选择的任何变化：

<md-table v-model="cercato" @md-selected="onSelezionato" md-sort="codice" md-sort-order="asc" md-card md-fixed-header :md-selected-value="selezionato">

在我的删除功能中，每次删除后我都会重置新selezionato值，以禁用备用标题：

this.selezionato = []

而已。