【问题标题】:Vue Material - Triggering MdTableAlternateHeader visibilityVue Material - 触发 MdTableAlternateHeader 可见性
【发布时间】:2018-12-21 14:25:03
【问题描述】:
我正在寻找一种方法来触发 MdAlternateHeader 可见性 - 或者重置其计数状态。
有问题的应用程序有这个多选MdTable,我在其中每行实现了一个删除功能。但是在数据擦除时,备用标头仍将md-selected 类设置为true(引用到已删除和先前选择的元素/行)。以及相关的计算道具(isInSelectedItems 和 isMultipleSelected)。
如何更改这些状态?我正在考虑在删除之前触发行上的“选择”或“点击”事件,但我在途中遗漏了一些东西。
提前感谢您的帮助。
【问题讨论】:
标签:
javascript
vue.js
vuejs2
vue-component
vue-material
【解决方案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 = []
就是这样。