Vue Material - 触发 MdTableAlternateHeader 可见性

Question

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

有问题的应用程序有这个 multi-selection MdTable 我在其中实现了每行的删除功能。但是在数据擦除时，备用 header 仍然将 md-selected class 设置为 true（指的是已删除和先前选择的 element/row）。以及相关的计算道具（isInSelectedItems 和 isMultipleSelected）。

我怎样才能改变这些状态？我正在考虑在删除之前触发行上的 "selected" 或 "clicked" 事件，但我在途中遗漏了一些东西。

在此先感谢您的帮助。

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 值，以禁用备用 header:

this.selezionato = []

就是这样。

Vue Material - 触发 MdTableAlternateHeader 可见性

Vue Material - Triggering MdTableAlternateHeader visibility

javascript

vue.js

vue-component

vuejs2

vue-material