タグ内のVue.jsリンク

Question

vue 2を使用して別のページに正しくリンクするにはどうすればよいですか？私はブートストラップテーブルを持っていて、すべての行が別の場所にリンクしています。どうすればこのことができますか？私はこのようにそれを行う場合：

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

注：

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

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

私はこのようにその行の別の@clickを追加することはできません私はVue.jsルータを使用しないでください。私はそれではなく、私のdestroy(forum)機能のurl(forum);機能へと進む<td @click="destroy(forum)">をクリックすると

任意の助けも

--EDIT--

をいただければ幸いです。

Answer 1

".stop" modifierを使用して、ネストされたクリックハンドラの防止イベントの伝播：

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

デモ（非Vue.js）：

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

Answer 2

はあなたtdを変更してくださいクリックイベントがtrにバブリングされないように、.stopの宣言をクリックしてください。

このようになります：

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