标签中的Vue.js链接

Question

如何使用vue 2正确链接到另一个页面？ 我有一个引导表，每一行都必须链接到其他地方，我该怎么做？ 如果我这样做：

<tr @click="url(forum)">data</tr>

url(forum) {
  window.location.href = '/berichten/' + forum.slug;    
}

我不能在该行中添加另一个@click ，如下所示：

<td @click="destroy(forum)">forum</td>

注意：我不使用Vue.js路由器。

任何帮助将非常感激

- 编辑 -

当我点击<td @click="destroy(forum)">它会转到url(forum); 函数而不是我的destroy(forum)函数。

Answer 1

使用“ .stop” 修饰符可防止事件在嵌套点击处理程序上传播：

<td @click.stop="destroy(forum)">forum</td>

演示（non-Vue.js）：

https://jsfiddle.net/atesgoral/xgn92eb0/

Answer 2

尝试将您的td click声明修改为具有.stop ，以使click事件不会冒泡到tr

它看起来像这样：

<td @click.stop="destroy(forum)">forum</td>