Vue Router 怎么使用 go 方法控制页面前进与后退

大明小哥_7784

大明小哥_7784

2026-10-20

561人浏览

原创

go方法用于在历史记录中仅移动指针而不增删记录,n为正数时前进、负数时后退,go(0)可刷新页面;其本质是封装原生history.go()。

vue router 怎么使用 go 方法控制页面前进与后退

go 方法的基本作用

go 方法用于在浏览器历史记录中按步数前进或后退,不新增也不替换当前记录,只移动当前位置。它直接对应原生 history.go(n) 行为,是 Vue Router 对浏览器历史 API 的封装。

常见用法与参数含义

调用方式统一为 this.$router.go(n),其中 n 是整数,正负决定方向:

  • n > 0:前进 n 页(如 go(1) 相当于点击浏览器「前进」按钮)
  • n :后退 |n| 页(如 go(-1) 最常用,等同于「返回上一页」)
  • n === 0:刷新当前页面(类似 location.reload(),但不触发完整组件销毁重建)

实际使用注意事项

go 方法看似简单,但容易忽略几个关键点:

vue-composition-api-best-practices
vue-composition-api-best-practices

Vue 3 组合式 API 与

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Vue 教程
Vue 教程

共42课时 | 17.2万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.4万人学习

Vue.js 微实战--十天技能课堂
Vue.js 微实战--十天技能课堂

共18课时 | 1.7万人学习