V-data-table展开获取箭头上的值单击

Question

我使用的是具有可扩展行的v-data-table。我想要在单击展开箭头时获取行的值。我知道我可以使用@click:row来获取单击行时的值，但是特别是单击箭头不会有同样的效果。如何在直接单击展开箭头时获得此值？

下面的v-data-table是相当基础的。我想在展开箭头单击时调用一个方法，该方法从该行获取项目/对象。

<v-data-table
    :expanded.sync="expanded"
    :headers="tableHeaders"
    :items="myData"
    :single-expand="true"
    show-expand
 >

{ text: "", value: "data-table-expand" }

Answer 1

有一个插槽item:data-table-expand。您可以将自己的图标或按钮放在插槽中，并为其添加一个单击处理程序。

https://vuetifyjs.com/en/api/v-data-table/