如何在router-link上绑定事件?

小路
  • 106
<router-link to="foo"></router-link>

<router-link>渲染出来就是标签了,在上面绑定的事件就没有了,能不能在渲染出来的标签上面监听事件呢?
想在<router-link>渲染出来的HTML元素上监听click事件怎么办?

回复
阅读 17.2k
2 个回答
✓ 已被采纳

<router-link v-on:click.native="doSomethingCool"
to="/">Home</router-link>

请问可以先不写to属性,然后通过点击事件动态的添加to的属性与值吗?
例如:
<router-link v-on:click.native="doSomethingCool">Home</router-link>

doSomethingCool: function() {

// 先执行其他的逻辑。。。
// todosomething...

// 最后再动态的给router-link赋值to的属性与值:

}

宣传栏