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

【问题标题】：Vuetify, how to get row by double click event in v-data-tableVuetify，如何通过 v-data-table 中的双击事件获取行
【发布时间】：2021-06-01 11:51:07
【问题描述】：

我需要逐个事件获取，但它只给我事件和不败，如何捕获 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

【问题讨论】：

标签： javascript vue.js vuetify.js

【解决方案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
},

【讨论】：