微信小程序--操作微信自带的返回按钮使上个页面刷新列表或刷新数据

首先要了解什么是页面栈------------

框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候,页面栈的表现如下:

路由方式页面栈表现
初始化新页面入栈
打开新页面新页面入栈
页面重定向当前页面出栈,新页面入栈
页面返回页面不断出栈,直到目标返回页
Tab 切换页面全部出栈,只留下新的 Tab 页面
重加载页面全部出栈,只留下新的页面

 开发者可以使用 getCurrentPages() 函数获取当前页面栈,得到的是一个数组对象

数组中第一个元素为首页,最后一个元素为当前页面 

业务场景:  

    当前页面返回后,刷新上个页面的列表数据 

 

 

 /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
               // 获取当前页面
        const pages = getCurrentPages();
        // 获取上一级页面
        const beforePage = pages[pages.length - 2];

        beforePage.setData({ //直接修改上个页面的数据(可通过这种方式直接传递参数)
            backRefresh: true  //函数封装,传值为true时调接口刷新页面
        })
    },

全局隐藏返回箭头

//在app.json中全局设置,则每个页面会隐藏返回箭头
"window":{
  "navigationStyle":"custom"
}


----------------------------------------------
//当前页面
onShow:function(){
     wx.hideHomeButton();  //隐藏返回主页按钮
}

 

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值