微信小程序返回上一页并重新获取数据

布满荆棘的人生 2022-11-15 14:07 399阅读 0赞

由于小程序没有刷新页面这种东西，就换一个角度来写。

### 方法一 ###

使用wx.navigateTo跳转页面后原页面并不会消失，只是隐藏了，小程序的页面生命周期中有一步为onShow，这个方法会在页面出现在前台时进行，也就是说无论是创建页面还是返回页面时都会触发这个事件，我们可以把获取页面数据的事件写在这一步，返回页面时就会达成刷新页面的效果。*（建议把页面初始化的操作都放在一个方法里面，比如initPage）*

### 方法二 ###

在方法一种说过了小程序中使用wx.navigateTo跳转页面时并不会销毁上一个页面，它会把这些页面都存储在页面栈中，通过getCurrentPages方法我们可以获取到当前页面栈，就可以获取到之前那些页面的所有信息，操作上一个页面的获取数据的方法来刷新页面，示例代码：

/** * 跳转到上一页 */
    goBack() { 
      let pages = getCurrentPages(); //当前页面栈 
      if (pages.length > 1) { 
        let beforePage = pages[pages.length - 2]; //获取上一个页面实例对象 
        // 3. 执行上一页 onLoad 函数(刷新数据)
        // 假设请求后端数据并渲染页面的函数是: initPage()
        if (beforePage.initPage) { 
          beforePage.initPage()
        }
      }
      // 返回上一页
      wx.navigateBack()
    },

至此结束。

> 参考文档：  
> [注册页面 | 微信开放文档][Link 1]  
> [生命周期 | 微信开放文档][Link 2]

[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html
[Link 2]: https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html