vue返回上一页(后退)的几种方法与区别,go或者back 附有代码-前端-E先生的博客

vue返回上一页(后退)的几种方法与区别,go或者back 附有代码

E先生 • 2022-07-04 09:54:13 • 前端 • 阅读1173

[导读]：方法：①. 若项目使用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...

方法：

①. 若项目使用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模式下就不会跳回浏览器上一页

本文来自E先生的博客，如若转载，请注明出处：https://www.javajz.cn

vue,go,back,router,history,返回上一页,后退,Easy,阿习,E先生

打赏

微信扫一扫

E先生

vue父页面调用子页面方法

« 上一篇

JavaScript提取字符串中的数字几种方法

历史留言

vue返回上一页(后退)的几种方法与区别,go或者back 附有代码

相关推荐

vue 3.0 vue-cli安装

Vue上传项目到git