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

Question

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

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

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

Answer 1

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

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