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

这篇具有很好参考价值的文章主要介绍了微信小程序--操作微信自带的返回按钮使上个页面刷新列表或刷新数据。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

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

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

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

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

业务场景：

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

微信小程序点击后退刷新页面数据,微信小程序,前端

文章来源地址https://www.toymoban.com/news/detail-537546.html

 /**
     * 生命周期函数--监听页面卸载
     */
    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();  //隐藏返回主页按钮
}

到了这里，关于微信小程序--操作微信自带的返回按钮使上个页面刷新列表或刷新数据的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！