title: VueJS how to double doubleclick
body: <p>I have a table with columns of different widths. I use sticky headers for which I have to calculate the column widths.</p>
  
  <p>Now I wrote a function to increase the column width by double clicking the header. This works for the first double click. But if I click on it 4 or 6 times nothing happens after the first double click. 
  How can I reset the event so that after 2 more clicks the event is triggered again?</p>
  
  <p>When I move the mouse I can do several double clicks one after the other. But that is not the goal.</p>
  
  <p>Here is the code snippet:</p>
  
  <pre><code>&lt;th 
    v-for="c in data.columns" 
    v-if="visiblecolumns.includes(c)" 
    v-on:dblclick="COLUMN_DEFINITION[c]+=50" 
    :style="{ 'min-width': COLUMN_DEFINITION[c] + 'px', 'max-width': COLUMN_DEFINITION[c] + 'px' }"&gt;
      {{ c }}
  &lt;/th&gt;
  </code></pre>