首页 > 编程知识 正文

vue怎么返回上一页状态不变,vue中返回上一层

时间:2023-05-06 09:17:30 阅读:240396 作者:1259

案例:

从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模式下就不会跳回浏览器上一页

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。