vue路由导航方法 router.push，router.replace，router.go，router.back，router. forward

最新推荐文章于 2023-11-02 00:31:28 发布

原创最新推荐文章于 2023-11-02 00:31:28 发布 · 2.8k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#vue #router #路由

vue 专栏收录该内容

53 篇文章

订阅专栏

本文介绍了如何使用Vue Router进行页面导航，包括push()、replace()、go()、back()、forward()等方法，以及它们在浏览器历史记录中的应用。

部署运行你感兴趣的模型镜像

                    
                    方法说明
 router.push(url)导航到新url，向 history栈添加一条新访问记录，等同于window.history.pushState
router.replace(url)导航到新url，替换 history 栈中当前记录，等同于window.history.replaceState
router.go(n)在 history 记录中向前或者后退多少步，类似 window.history.go(n)

		router.go(1) 在浏览器记录中前进一步，等同于 history.forward()

		router.go(-1) 后退一步记录，等同于 history.back()

		router.go(0) 刷新当前页面
router.back()导航回退一步，类似于router.go(-1)
router. forward()导航前进一步，但是不刷新前进页的表单，类似于router.go(1)

方法	说明
router.push(url)	导航到新url，向 history栈添加一条新访问记录，等同于window.history.pushState
router.replace(url)	导航到新url，替换 history 栈中当前记录，等同于window.history.replaceState
router.go(n)	在 history 记录中向前或者后退多少步，类似 window.history.go(n) router.go(1) 在浏览器记录中前进一步，等同于 history.forward() router.go(-1) 后退一步记录，等同于 history.back() router.go(0) 刷新当前页面
router.back()	导航回退一步，类似于router.go(-1)
router. forward()	导航前进一步，但是不刷新前进页的表单，类似于router.go(1)