title: Vuetify v-data-table double click event does not work
body: <p>I'm using a v-data-table.</p>
  <p>According to <a href="https://vuetifyjs.com/ja/components/data-tables/" rel="nofollow noreferrer">official library</a>, it has a <code>dblclick:row</code> event.</p>
  <p>I tried to use it, but doesn't work.</p>
  <p>(click:row event works fine.)</p>
  <p>vuetify version is latest <code>vuetify@2.3.8</code>.</p>
  <p>how can I use double click event in v-data-table?</p>
  <p>here is my code sample.</p>
  <p>(sorry for didn't write full code. I added. )</p>
  <pre><code> &lt;div id=&quot;app&quot;&gt;
        &lt;v-app id=&quot;inspire&quot;&gt;
          &lt;v-card&gt;
            &lt;v-data-table
            :items=&quot;items&quot;
            :headers=&quot;headers&quot;
            dense
            v-model=&quot;selected&quot;
            hide-default-footer
            @click:row=&quot;clickRow&quot;
            @dblclick:row=&quot;dblclickRow&quot;
          &gt;
          &lt;/v-data-table&gt;
          &lt;/v-card&gt;
        &lt;/v-app&gt;
      &lt;/div&gt;
      new Vue({
        el: '#app',
        vuetify: new Vuetify(),
      data: () =&gt; ({
          selected: [],   
          headers: [
                {
                  text: &quot;Dessert (100g serving)&quot;,
                  align: &quot;start&quot;,
                  sortable: false,
                  value: &quot;name&quot;
                },
                { text: &quot;Calories&quot;, value: &quot;calories&quot; },
                { text: &quot;Fat (g)&quot;, value: &quot;fat&quot; },
                { text: &quot;Carbs (g)&quot;, value: &quot;carbs&quot; },
                { text: &quot;Protein (g)&quot;, value: &quot;protein&quot; },
                { text: &quot;Iron (%)&quot;, value: &quot;iron&quot; }
              ],
              items: [
                {
                  name: &quot;Frozen Yogurt&quot;,
                  calories: 159,
                  fat: 6.0,
                  carbs: 24,
                  protein: 4.0,
                  iron: &quot;1%&quot;
                },
                {
                  name: &quot;Ice cream sandwich&quot;,
                  calories: 237,
                  fat: 9.0,
                  carbs: 37,
                  protein: 4.3,
                  iron: &quot;1%&quot;
                },
                {
                  name: &quot;Eclair&quot;,
                  calories: 262,
                  fat: 16.0,
                  carbs: 23,
                  protein: 6.0,
                  iron: &quot;7%&quot;
                },
                {
                  name: &quot;Cupcake&quot;,
                  calories: 305,
                  fat: 3.7,
                  carbs: 67,
                  protein: 4.3,
                  iron: &quot;8%&quot;
                },
                {
                  name: &quot;Gingerbread&quot;,
                  calories: 356,
                  fat: 16.0,
                  carbs: 49,
                  protein: 3.9,
                  iron: &quot;16%&quot;
                },
                {
                  name: &quot;Jelly bean&quot;,
                  calories: 375,
                  fat: 0.0,
                  carbs: 94,
                  protein: 0.0,
                  iron: &quot;0%&quot;
                }
              ],
  selected:[]
        }),
      
        methods: {
              dblclickRow(){
                console.log(&quot;rowDoubleClicked&quot;);
              },
              clickRow(){
              //  console.log(&quot;rowClicked&quot;);
              }
        }
      })
  </code></pre>