本文详细介绍了Vue.js中进行路由跳转的四种方法：通过`router-link`，使用`this.$router.push()`，`this.$router.replace()`以及`this.$router.go(n)`。对于每种方法，文章不仅提供了不带参数和带参数的示例，还解释了它们之间的区别，特别是`push`和`replace`在历史记录处理上的不同，以及`go(n)`在页面前进和后退操作中的应用。
vue路由跳转有四种方式
-
router-link
-
this.$router.push() (函数里面调用)
-
this.$router.replace() (用法同push)
-
this.$router.go(n)
一、不带参
1.1 router-link
//name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。1.2 this.$router.push()
this. r o u t e r . p u s h ( ′ / h o m e ′ ) t h i s . router.push('/home') this. router.push(′/home′)this.router.push({name:‘home’})
this. r o u t e r . p u s h ( p a t h : ′ / h o m e ′ ) 1.3 t h i s . router.push({path:'/home'}) 1.3 this.
最低0.47元/天 解锁文章
410
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
