微信小程序提交数据后返回上一页并且刷新数据实现

原创最新推荐文章于 2026-06-19 10:32:22 发布 3.9k 阅读 AI写同款

收录于

小程序

coderMrcc

码龄5年墨衍会员 · AI 创作全网分发

26粉丝14篇原创

关注

微信小程序实现下拉刷新首页数据、上拉加载下一页数据原因：之前的页面可能是未被销毁，仍然在页面栈中，因此切换回来之后还保持之前的状态。解决方法：切换回来页面之后，首先清空。滚动条没有回到顶部的情况。切换页面，可能会出现。阅读详情

AI摘要

本文探讨了微信小程序中页面刷新的两种策略。初始方案采用wx.redirectTo，虽能实现页面刷新且用户体验良好，但存在返回刷新前状态的问题。最终方案通过wx.navigateBack结合onLoad方法，实现了页面返回后的数据刷新，解决了历史状态问题。

一、初始方案

一开始使用的 wx.redirectTo 来实现，该方式可以实现刷新页面，而且不会造成页面刷一下闪的效果，用户体验还不错（wx.reLaunch 会造成页面闪一下的效果，体验不友好），但是使用 wx.redirectTo 方式会造成返回当前页面并刷新后点击返回上一页会回到没刷新的当前页面，业务场景上可能会出现这种情况，具体根据业务试验调整。

二、最终方案

当第一种方案不满足后开始研究第二种方案，使用 wx.navigateBack 返回上一步，该方法有回调方法，可以在回调方法中调用 onLoad 方法进行刷新页面，示例如下：

wx.navigateBack({
  delta: 1,
  success: function (e) {
    var page = getCurrentPages().pop();
    if (page == undefined || page == null) return;
    page.onLoad(); // 刷新数据
  }
});