vue3 vuetify3.4 において、v-data-tableの行クリック時の処理について v-data-table v-data-table
vue3 vuetify3.4 において、v-data-tableの行クリック時の処理について
vuetify3.4 で vdatatableが lab がとれて正式リリースになってる。
■template部
<v-data-table :headers="headers_arr" :items="datalist" item-value="message" @click:row="jumpto" >
■script部
const jumpto = (e,select) => {
console.log(select.item) // ok 行全体がとれる
console.log(select.item.id) // ok
上記で行けた。
ちなみに
vue3 vuetify3.4 より前は
■script部
const jumpto = (e, select) => {
console.log(select.item.selectable.id)
}
というコード書いてた。
新しくなって、.selectable が不要になった感じ。