Javascript 标记中的Vue.js链接

Javascript 标记中的Vue.js链接,javascript,vue.js,Javascript,Vue.js,如何使用vue 2正确链接到另一个页面?我有一个引导表,每一行都必须链接到其他地方,我怎么能这样做?如果我这样做: <tr @click="url(forum)">data</tr> url(forum) { window.location.href = '/berichten/' + forum.slug; } <td @click="destroy(forum)">forum</td> <td @click.stop="

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

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

url(forum) {
  window.location.href = '/berichten/' + forum.slug;    
}
<td @click="destroy(forum)">forum</td>
<td @click.stop="destroy(forum)">forum</td>
注意:我不使用Vue.js路由器。

任何帮助都将不胜感激

--编辑--


当我点击
时,它会进入
url(论坛)函数而不是my
destroy(forum)
函数。

通过使用“.stop”防止嵌套单击处理程序上的事件传播:

论坛
演示(非Vue.js):


使用“.stop”命令防止嵌套单击处理程序上的事件传播:

论坛
演示(非Vue.js):


尝试修改您的
td
单击声明,使其具有
。停止
,以使单击事件不会冒泡到tr

它看起来是这样的:

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

url(forum) {
  window.location.href = '/berichten/' + forum.slug;    
}
<td @click="destroy(forum)">forum</td>
<td @click.stop="destroy(forum)">forum</td>
论坛

尝试修改
td
单击声明以使其具有
。停止
以使单击事件不会起泡到tr

它看起来是这样的:

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

url(forum) {
  window.location.href = '/berichten/' + forum.slug;    
}
<td @click="destroy(forum)">forum</td>
<td @click.stop="destroy(forum)">forum</td>
论坛

您可以展开“无法添加”吗?当您添加它时会发生什么?单击处理程序不工作吗?
的点击处理程序是否也能工作?考虑使用常规的<代码> <代码>元素,使用<代码> HRFF <代码>属性,而不是在某个随机元素上添加点击处理程序,如果您想做的是导航到另一个URL。@ ATESGORK您能举个例子吗?已经试过了,但对我不起作用。
@AtesGoral是的,但我必须把它添加到每个
中,对吗?是否无法将此添加到
?能否扩展到“无法添加”?当您添加它时会发生什么?单击处理程序不工作吗?
的点击处理程序是否也能工作?考虑使用常规的<代码> <代码>元素,使用<代码> HRFF <代码>属性,而不是在某个随机元素上添加点击处理程序,如果您想做的是导航到另一个URL。@ ATESGORK您能举个例子吗?已经试过了,但对我不起作用。
@AtesGoral是的,但我必须把它添加到每个
中,对吗?不可能将此添加到
中吗?玩得好好像你在枪口上打败了我。玩得好好像你在枪口上打败了我。