vue-router跳转前执行方法

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

W3Cways.com 微信公众号

[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

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

评论 抢沙发

评论前必须登录!