微信小程序中 页面2改变值后,返回到页面1时需重新加载数据,其他页面返回不重新加载

类似问题:wx.navigateBack() 携带参数返回

以享趣严选商城小程序为例:

点击切换站点后,商品列表须重新加载
微信小程序中 页面2改变值后,返回到页面1时需重新加载数据,其他页面返回不重新加载_第1张图片
切换站点 并返回
微信小程序中 页面2改变值后,返回到页面1时需重新加载数据,其他页面返回不重新加载_第2张图片
重新渲染 北京站 的商品数据
微信小程序中 页面2改变值后,返回到页面1时需重新加载数据,其他页面返回不重新加载_第3张图片
其他页面返回 不需要重新加载,这里用onShow()不合适,如用户点击商品进入商品详情页 返回后要还原现场的话 onShow就不好实现。

这里可以这样做:
在站点列表页面,选择站点并返回的时候触发,调用商品列表中的onLoad()方法,就实现了返回并重新加载…

// 返回更新站点商品列表
let pages = getCurrentPages();
 let prevPage = pages[pages.length - 2]; 
 prevPage.onLoad()
 wx.navigateBack({
   delta: 1  // 返回上一级页面。
 })

微信小程序中 页面2改变值后,返回到页面1时需重新加载数据,其他页面返回不重新加载_第4张图片

第二种方法:
在app.js全局定义一个变量,可以通过动态改变变量的值来控制(推荐)

你可能感兴趣的:(微信小程序中 页面2改变值后,返回到页面1时需重新加载数据,其他页面返回不重新加载)