this.$router.back()和this.$router.go()区别

已于 2023-05-22 16:38:58 修改
阅读量315 收藏
点赞数
分类专栏： vue 文章标签： 前端 javascript
于 2023-05-22 16:37:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/coderMrcc/article/details/130810224
版权
在Vue应用中，使用`this.$router.go`和`this.$router.back`对页面进行导航时，会影响表单内容。`go(-1)`后退会导致表单内容丢失，而`back()`则能保留内容。通过调整参数，可以实现刷新页面或前进到其他页面的操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

go(-1): 原页面表单中的内容会丢失
this.$router.go(-1)    后退+刷新
this.$router.go(0)     刷新
this.$router.go(1)     前进
 
back(): 原页表表单中的内容会保留
this.$router.back()    后退
this.$router.back(0)   刷新
this.$router.back(1)   前进

Vue 路由 跳转【返回、刷新，前端rxjava面试
m0_60732644的博客
03-28 1555
面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】6848087)][外链图片转存中…(img-m42KaWSC-1711586848088)][外链图片转存中…(img-21mZHEz6-1711586848088)]
Vue 路由 跳转【返回、刷新、跳转】
estrusKing的博客
03-23 1万+
Vue 路由 跳转【返回、刷新、跳转】this.$router.go(-1)this.$router.back()this.$router.pushthis.$router.replace this.$router.go(-1) 原页面表单中的内容会丢失； 向前或者向后跳转n个页面，n可为正整数或负整数 this.$router.go(-1)：后退+刷新 this.$router.go(0)：刷新； this.$router.go(1) ：前进 this.$router.back() 原页表表单中的内
Vue------this.$router.back()、this.$router.go()的异同
COCOLI_BK的博客
05-27 5437
返回上一个页面： 1.$router.back() 2.$router.go() 区别点在于： go(-1): 原页面表单中的内容会丢失； this.$router.go(-1)：后退+刷新； this.$router.go(0)：刷新； this.$router.go(1) ：前进 back(): 原页表表单中的内容会保留；在返回界面传递参数； this.$router.back():后退 ； this.$router.back(0) 刷新； this.$router.back(1)：前进
this.$route.back()时的组件缓存
qq_61990666的博客
03-31 920
2.keep-alive写在router-view上面,这个地方所代表的路由会被保存,因此可以写在上面,保存,当返回时,如果是这个路由,里面的内容是一样的,如果里面还有内容,则会缓存路由的页面的所有内容.在:include=写的是以及组件的name名,如果没有就是vue的文件名,会缓存内部的二级路由的内容,当时这个路径,符合二级路由的路径时才会渲染.一个组件名,可以缓存多个页面.看路径来决定.跳转时,前一个路由的内容会被销毁,当回来时,重新创建树,组件内有保存了距离,没有一开始是0.
vue中this.$router.back()、this.$router.go()的区别使用
weixin_45941064的博客
04-08 1万+
vue中this.$router.back()、this.$router.go()的区别使用
JS $router.back()和$router.go()
Jana Jing的分享
10-26 1981
使用$router.back()和$router.go(-1)作用相同，都是返回原页面，但如果原页面路由携带参数，使用以上两个方式返回的原页面路由参数消失，此时使用$router.back(-1)返回原页面路由，参数仍存在。
this.$router.back()、this.$router.go(-1)的区别使用
06-08
`this.$router.back()` 和 `this.$router.go(-1)` 都可以返回上一个页面，但是它们的使用场景稍有不同。 `this.$router.back()` 是 Vue Router 提供的方法，用于返回上一个访问的页面。它会返回到浏览器的历史记录...
vue项目使用$router.go(-1)返回时刷新原来的界面操作
11-20
在项目需求中，我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭之类的等等，。。。。。 问题如下： 界面1 ： 界面2使用$router.go(-1)返回上一...
使用了this.$router.replace,this.$router.go(-1)返回不了上一个页面
05-01
在使用this.$router.replace和this.$router.go(-1)时，实际上是更改了浏览器的历史记录，使得无法通过浏览器的返回按钮回到上一个页面。 如果想要返回上一个页面可以使用this.$router.back()方法，这个方法可以直接...
this.$router和this.$route的区别
06-09
this.$router是Vue Router的路由实例对象，提供了一些导航方法，如push、replace、go、back等，可以用来动态的导航到不同的URL。 this.$route是当前活跃的路由信息对象，包含了当前URL解析出的路由参数、查询参数、...
this.$router.back
08-24
在Vue中，`this.$router.back()`是一个用于返回上一个页面的方法。它会导致页面回退，并保留原页面中的表单数据。同时，它也可以在返回页面时传递参数。 与之相比，`this.$router.go(-1)`也可以实现返回上一个页面的...
this.$router.go和this.$router.back区别
qq_46738283的博客
09-27 1180
【代码】this.$router.go和this.$router.back区别。
vue中 this.$router.back()、this.$router.go()的区别
weixin_44378370的博客
06-15 1216
开发中遇到返回上一页的需求，有两个方法可选：在使用中发现，使用r o u t e r . b a c k ( ) 和 router.back()和router.back()和router.go(-1)作用相同，都是返回原页面。但如果原页面路由携带参数，使用以上两个方法返回的原页面路由参数消失，此时使用$router.back(-1)返回原页面路由参数仍存在。代码:...
router返回
m0_58235310的博客
12-13 545
【代码】router返回。
this.$router.go()和this.$router.push()的差别
diaobiteng1128的博客
03-21 2087
1.this.$router.go(val) => 在history记录中前进或者后退val步，当val为0时刷新当前页面。 2.this.$router.push(path) => 在history栈中添加一条新的记录。 转载于:https://www.cnblogs.com/luyuefeng/p/8618944.html...
关于this.$router.push、replace、go的用法和区别
热门推荐
聽風娓娓道來
10-10 4万+
this.$router.push 跳转到指定url路径，并想history栈中添加一个记录，点击后退会返回到上一个页面 // 字符串 this.$router.push('index') // 对象 this.$router.push({path: 'login-pw'}) // 带参数 this.$router.push({path: 'login-pw', query: {'acc...
VUE中路由变化this.$router(push\replace\go\back)
qq_43631129的博客
08-09 3950
vue中路由变化:this.$router.push this.$router.replace this.$router.back this.$router.go
$router.back()返回上一级页面，保存的滚动位置出错的问题，bug记录。
weixin_42217982的博客
06-16 594
$router.back()返回上一级页面，保存的滚动位置出错的问题
$router.back()携带参数，复杂类型参数和简单类型参数
最新发布
weixin_45389051的博客
08-26 952
beforeRouteEnter,它是在路由进入该组件的对应路由前被调用的，因此在这个钩子函数内，组件实例还没被创建，所以你无法通过 this 访问到组件实例的数据、方法等,但是你可以这样访问实例,我这里就不这样做了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值