title: How to make router-link consume parent v-on:click completely
body: <pre><code>&lt;parent v-on:click="isActive = !isActive"&gt;
     &lt;router-link :to="{ name: 'home'}"&gt;{{tag}}&lt;/router-link&gt;
  &lt;/parent&gt;
  </code></pre>
  
  <p>If the <code>router-link</code> is clicked the <code>v-on:click</code> in the parent will still capture the event. </p>
  
  <p>How to make the <code>router-link</code> consume the click event completely?</p>