vue实现返回、前进的方法及区别

文章详细阐述了在Vue.js开发中,使用history.go和this.$router.go进行页面导航的区别,特别是在单页面应用的hash模式下,它们对表单内容的影响以及后退、刷新和前进的行为差异。history.back()和this.$router.back()则在保留表单内容方面有其优势。
摘要由CSDN通过智能技术生成

go(-1):原页面表单中的内容会丢失;

history.go(-1):后退+刷新;

history.go(0):刷新;
history.go(1):前进;

注意:history.go(-1)是返回浏览器的上一页,而由于Vue是单页面应用,有的浏览器对于hash变更不认为是两个不同的页面,在hash模式下就不会跳回浏览器上一页

this.$router.go(-1):后退+刷新;

this.$router.go(0):刷新;

this.$router.go(1):前进;

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

history.back():后退
history.back(0):刷新
history.back(1):前进

this.$router.back():后退 ;

this.$router.back(0):刷新;

this.$router.back(1):前进;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值