微信小程序如何返回上一页传参并刷新

问题

　　微信小程序onLoad(options)方法在整个生命周期中只加载一次&＃xff0c;也就是你进入下个页面&＃xff0c;再返回时&＃xff0c;是不会再次触发的,所以你返回是url传参是行不通了。

需求

　　现在有这么一个需求&＃xff1a;一个商品支付页面&＃xff0c;点击优惠卷进入优惠券列表页&＃xff0c;选中优惠券后带着数据再返回到支付页面。

方法

　　一、使用到的方法是小程序的页面栈&＃xff0c;感兴趣可以打印一下pages的内容&＃xff0c;就是你页面跳转的轨迹数组&＃xff0c;最后一项就是当前页面&＃xff0c;倒数第二个就是上一页。很好理解&＃xff0c;因为在当前页停止了&＃xff0c;肯定是最后一个

//获取页面栈let pages &＃61; getCurrentPages();//获取所需页面let currPage &＃61; pages[pages.length - 1];//当前页面let prevPage &＃61; pages[pages.length -2];//上一页

二、在支付页把需要再次刷新的数据都放到onShow()方法中&＃xff0c;不需要刷新的放到onLoad()方法中

思路

1、我们的目标是把优惠券的数据渲染到支付页上&＃xff0c;所以先在优惠券页面点击优惠券的时候通过页面栈获取到上一页(也就是支付页)&＃xff0c;将本条数据动态添加到支付页的data中

//获取页面栈let pages &＃61; getCurrentPages();//获取所需页面let prevPage &＃61; pages[pages.length -2];//上一页prevPage.setData({yourData:yourData,//你需要传过去的数据});

2、将需要刷新的数据放到onShow()方法中

//这里展示在onShow方法中获取当前页onLoad方法中的optionsonShow:function(){let pages &＃61; getCurrentPages();let currPage &＃61; pages[pages.length - 1];//当前页的options&＃xff0c;啥意思呢&＃xff0c;就是你可能某个函数需要刷新&＃xff0c;但是他的参数正好是传过来的参数console.log(currPage.options);}

你在优惠券页点击之后&＃xff0c;因为你的数据已经存到支付页了&＃xff0c;所以返回支付页后&＃xff0c;你可以直接在data中获取到你需要的数据&＃xff0c;进行你需要的操作。

如果你也想开发一款属于自己的微信小程序&＃xff0c;可以通过第三方专业开发平台&＃xff0c;来帮助你实现开发需求&＃xff1a;厦门在乎科技-专注小程序、app、网站开发