如何让router-link消耗父级v-on：完全点击

【问题标题】：How to make router-link consume parent v-on:click completely如何让router-link消耗父级v-on：完全点击
【发布时间】：2018-02-17 19:34:18
【问题描述】：

<parent v-on:click="isActive = !isActive">
   <router-link :to="{ name: 'home'}">{{tag}}</router-link>
</parent>

如果单击router-link，父级中的v-on:click 仍将捕获该事件。

如何让router-link完全消耗点击事件？

【问题讨论】：

【解决方案1】：

好的，找到了解决方法。由于router-link 呈现a，因此v-on:click.stop 不会传播到呈现的a。但是如果你用包含停止的div 包裹它，它会起作用。

<parent v-on:click="isActive = !isActive">
  <div v-on:click.stop>
   <router-link :to="{ name: 'home'}">{{tag}}</router-link>
  </div>
</parent>

【讨论】：