title: Vuetify, how to get row by double click event in v-data-table
body: <p>I need to get row by event but it only give me event and undefeated, how to catch items in v-data-table</p>
  <pre><code>&lt;v-data-table
            :headers=&quot;showHeaders&quot;
            :page=&quot;page&quot;
            :pageCount=&quot;numberOfPages&quot;
            :options.sync=&quot;options&quot;
            :loading=&quot;loading&quot;
            :server-items-length=&quot;totalItems&quot;
            :items=&quot;items&quot;
            :items-per-page=&quot;15&quot;
            class=&quot;mainTable&quot;
            @dblclick:row=&quot;editItem(item, $event )&quot;
            :footer-props=&quot;{
        showFirstLastPage: true,
        firstIcon: 'mdi-arrow-collapse-left',
        lastIcon: 'mdi-arrow-collapse-right',
        prevIcon: 'mdi-minus',
        nextIcon: 'mdi-plus'
      }&quot;
  </code></pre>
  <p>---method---</p>
  <pre><code>    editItem (item, e) {
    console.log(item)
    this.editedIndex = this.items.indexOf(item)
    this.editedItem = Object.assign({}, item)
    this.dialog = true
  },
  </code></pre>
  <p>what i've got</p>
  <p><a href="https://i.stack.imgur.com/qvGh3.png" rel="nofollow noreferrer">only event but if i will transmits item it will be undefeated</a></p>