javascript - V-data-table expand get value on arrow click

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/