vue中如何点击a标签内部div不跳转，而是执行div上的点击事件

Question

有点类似于 这篇文章 左下角的点赞，点击其他地方会跳到文章页面，但是点击点赞就不会跳转，而是执行点赞图标上的方法。

我给a标签内部的div添加了@click.stop， 但是还是跳转了，是我操作有问题吗，求解答。

Answer 1

试试prevent呢？@click.prevent

Answer 2

使用@click.prevent.stop， prevent阻止默认事件并且stop阻止冒泡，