【问题标题】:Vue Material - Triggering MdTableAlternateHeader visibilityVue Material - 触发 MdTableAlternateHeader 可见性
【发布时间】:2018-12-21 14:25:03
【问题描述】:

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

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

如何更改这些状态​​?我正在考虑在删除之前触发行上的“选择”或“点击”事件,但我在途中遗漏了一些东西。

提前感谢您的帮助。

【问题讨论】:

    标签: 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 = []
    

    就是这样。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-10-23
      • 2013-09-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-12-14
      • 2011-07-25
      相关资源
      最近更新 更多