Javascript Vuetify,如何通过双击v-data-table中的事件获取行
我需要按事件获取行,但它只提供事件和未失败,以及如何捕获v-data-table中的项Javascript Vuetify,如何通过双击v-data-table中的事件获取行,javascript,vue.js,vuetify.js,Javascript,Vue.js,Vuetify.js,我需要按事件获取行,但它只提供事件和未失败,以及如何捕获v-data-table中的项 <v-data-table :headers="showHeaders" :page="page" :pageCount="numberOfPages" :options.sync="options" :loading=&qu
<v-data-table
:headers="showHeaders"
:page="page"
:pageCount="numberOfPages"
:options.sync="options"
:loading="loading"
:server-items-length="totalItems"
:items="items"
:items-per-page="15"
class="mainTable"
@dblclick:row="editItem(item, $event )"
:footer-props="{
showFirstLastPage: true,
firstIcon: 'mdi-arrow-collapse-left',
lastIcon: 'mdi-arrow-collapse-right',
prevIcon: 'mdi-minus',
nextIcon: 'mdi-plus'
}"
我所拥有的
无需提及模板中的参数:
@dblclick:row="editItem"
请注意,第一个参数是事件,第二个参数是具有以下属性的行:
{
expand: (value: boolean) => void,
headers: DataTableHeader[],
isExpanded: boolean,
isMobile: boolean,
isSelected: boolean,
item: any,
select: (value: boolean) => void
}
正确的方法是:
editItem (event, {item}) {
console.log(item)
this.editedIndex = this.items.indexOf(item)
this.editedItem = Object.assign({}, item)
this.dialog = true
},
editItem (event, {item}) {
console.log(item)
this.editedIndex = this.items.indexOf(item)
this.editedItem = Object.assign({}, item)
this.dialog = true
},