代码之家  ›  专栏  ›  技术社区  ›  Luca Cattide

Vue Material-触发MDTableAlternateHeader可见性

  •  0
  • Luca Cattide  · 技术社区  · 6 年前

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

    有问题的应用程序有多种选择 MdTable 在其中,我实现了每行一个删除函数。但在数据擦除时,备用头仍保留 md-selected 类设置为 true (重新引用到已删除和以前选定的元素/行)。以及相关的计算属性( isInSelectedItems isMultipleSelected )

    如何更改这些状态?我想在删除前触发行上的“已选择”或“已单击”事件,但我在删除过程中丢失了一些内容。

    事先谢谢你的帮助。

    1 回复  |  直到 6 年前
        1
  •  0
  •   Luca Cattide    6 年前

    好的,我明白了。

    我检查了框架数据并注意到了这一点 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 = []
    

    就这样。