uniapp使用navigateBack方法返回上级页面并刷新

  • 分析:一般调用navigateBack返回上一页时有两种情况
    • 不需刷新:查看内容,状态未改变.
    • 需刷新:在第二页编辑后,上一页列表中与之对应的数据状态一起改变

目前想出的方案是在回退之前修改上页判断条件,回退后重新获取判断条件在决定是否刷新。

例:

  • 详情页
    修改状态成功后,准备回退到上一页之前,将上一页的是否刷新参数值改为是的状态

    let pages = getCurrentPages();
    let prevPage = pages[pages.length - 2];//上一个页面
    //直接调用上一个页面的setData()方法,把数据存到上一个页面中去
    prevPage.setData({
    	 isRefresh: 1 
    })
    // 再根据需求,确定返回上一页面
    wx.navigateBack({
    	delta: 1
    })

    列表页
    需要在onshow钩子中获取判断条件

  • export default{
    	data(){
    		return{
        		isRefresh:false
    		}
    	},
    	onShow(){  
    		// 如果是提交状态返回isRefresh=1,才刷新页面,从详情过来无需刷新
    		let pages = getCurrentPages();
    		let currPage = pages[pages.length - 1];
    		if(currPage.__data__.isRefresh){
    			// 重新获取数据
    			this.getData(true)//获取列表数据
    			// 每一次需要清除,否则会参数会缓存
            	currPage.__data__.isRefresh=false
    		}
    	}
    }

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值