vue返回上一页(后退)的几种方法与区别

从a页面=>b页面=>c页面,当前在c页面,执行某方法后可以如同按了浏览器后退键一样返回b页面

若项目使用vue-router,this.$router.go(-1)可以回到上一页

this.$router.back()

window.history.go(-1)

区别

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

----

back(): 原页表表单中的内容会保留;

 1. this.$router.back():后退 ;
 2. this.$router.back(0):刷新;
 3. this.$router.back(1):前进;


history.go(-1)是返回浏览器的上一页,而由于Vue是单页面应用,
有的浏览器对于hash变更不认为是两个不同的页面,在hash模式下就不会跳回浏览器上一页
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

都挺好,刚刚好

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值