Vuetify，如何通过 v-data-table 中的双击事件获取行

Question

我需要按事件获取行，但它只给我事件和不败，如何在 v-data-table

中捕获项目

<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'
    }"

---方法---

    editItem (item, e) {
  console.log(item)
  this.editedIndex = this.items.indexOf(item)
  this.editedItem = Object.assign({}, item)
  this.dialog = true
},

我有什么

only event but if i will transmits item it will be undefeated

Answer 1

无需在模板中提及参数:

@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
},

Vuetify，如何通过 v-data-table 中的双击事件获取行

Vuetify, how to get row by double click event in v-data-table

javascript

vue.js

vuetify.js