V数据表展开，点击箭头获取值

Question

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

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

<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/