uniapp返回上一页(多页),并刷新返回的页面

因为公司项目后面要打包多个端,所以后面用到了uniapp。

1.A页面跳到B页面后,这时需要返回到A页面。或者A->B->C,要从C返回到A,代码里我有写注释
这是我在网上看到的,并且改进了一下

         // 返回上一页或者多页
		// 这个函数建议放到公共的地方,很多页面都需要
		backPageRefresh(page) { // page这个值如果你只返回上一页可以不用传,返回上上页就传2,以此类推
			let pages = getCurrentPages(); // 当前页面
			let i = 0
			if (page) {
				i = page - 1
			}
			let beforePage = pages[pages.length - (2 + i)]; // 前一个页面或者更多  beforePage 这个值当你刷新浏览器后是无法返回的,需要用到浏览器历史记录返回上一页 history.back()
			if (beforePage && beforePage.$vm.refreshRequest) {
				uni.navigateBack({
					delta: page || 1,
					success: function() {
						beforePage.$vm.refreshRequest(); // 执行前一个页面或者前几个页面并且刷新该页面
					}
				});
			} else {
				history.back() // 浏览器的方法返回上一页
			}
		}

2.需要的地方调用这个方法

         this.backPageRefresh() // 或者 this.backPageRefresh(n)

3.刷新跳转过来的页面

methods: {
			refreshRequest() {
				// 这里面可以调用刷新该页面的方法
				// this.getData() 
			},
			// getData(this.query).then(res =>{
			 //   this.list = res.data.list
			// })
		}

大致就是这些了

  • 9
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值