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”https://jsfiddle.net/atesgoral/xgn92eb0/阻止事件在嵌套点击处理程序上传播：

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

演示（非Vue.js）：

Demo in CodePen

Answer 2

尝试修改td点击声明以.stop，以便点击事件不会冒泡到tr

看起来像这样：

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