vue-router跳转前执行方法

2017-04-08阅读(12654)评论(0)牵着狗狗看MM

苏州实时公交查询

[html]<router-link class="buy-now" to="/cart" >立即购买</router-link>
[/html]
上面代码会通过定义好的路由跳转到cart

如果在跳转之前增加一些事件应该怎么办?
可以用router.push这个方法来替代。

[html]<a class="buy-now" @click="routerToCart()">立即购买</a>
[/html]

[js]routerToCart() {
this.someFunction();//跳转之前执行someFunction,执行完后才跳转<code>/cart</code>
this.$router.push(‘/cart’)
}
someFunction(){
debugger
console.log("我先执行")
}
[/js]

参考文档:
https://router.vuejs.org/en/essentials/navigation.html

赞(0) 打赏
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » vue-router跳转前执行方法
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏