vue-router push / replace / go 区别

最新推荐文章于 2025-08-05 18:03:28 发布

原创最新推荐文章于 2025-08-05 18:03:28 发布 · 2.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue-router #push #replace #go

vue 专栏收录该内容

32 篇文章

订阅专栏

博客围绕vue-router展开，涉及push、replace、go等方法。这些方法在前端开发中用于路由导航，push可向历史记录添加新路由，replace替换当前路由，go用于在历史记录中前进或后退，是Vue开发中重要的路由操作。

this.$router.push()
	说明：
	  跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。
	实例：
	  this.$router.push({name: 'routerName'})

this.$router.replace
	说明：
	  同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。
	两种写法：
		实例：
		  1. this.$router.push({name: 'routerName', replace: true})
		  2. this.$router.replace({name: 'routerName'})

this.$router.go(n)
	说明：
	  相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面
	实例：
	  this.$router.go(-2)