title: vue.js: how to handle click and dblclick events on same element
body: <p>I have a vue component with separate events for click/dblclick. Single click (de)selects row, dblclick opens edit form.</p>
  <pre><code>&lt;ul class=&quot;data_row&quot;
    v-for=&quot;(row,index) in gridData&quot;
    @dblclick=&quot;showEditForm(row,$event)&quot;
    @click=&quot;rowSelect(row,$event)&quot;
  &gt;
  </code></pre>
  <p>Doing it like this, i get 3 events fired on double click. Two click events and lastly one dblclick. Since the click event fires first , is there a way (short of deferring click event for a fixed amount of ms) for stopping propagation of click event on double click ?</p>
  <p>Fiddle <a href="https://jsfiddle.net/kjtkzgvp/" rel="nofollow noreferrer">here</a></p>