如何使router-link使用parent 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的{​​{1}}。但如果你用一个包含停止点的div包裹它，它就会起作用。

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