Currently, I am utilizing a v-data-table with expandable rows. My goal is to retrieve the value of a row when the expand arrow is clicked. While I am aware that I can use @click:row to get the value when the row is clicked, I am specifically looking to obtain this value when clicking directly on the expand arrow. How can I achieve this?
Displayed below is the v-data-table, which is quite basic. I am interested in triggering a method upon clicking the expansion arrow, which will then take the item/object from that particular row.
<v-data-table
:expanded.sync="expanded"
:headers="tableHeaders"
:items="myData"
:single-expand="true"
show-expand
>
{ text: "", value: "data-table-expand" }