微信小程序返回上一页传参并刷新过程解析
更新时间：2019年12月13日 11:47:33 作者：HeSh
这篇文章主要介绍了微信小程序返回上一页传参并刷新过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
这篇文章主要介绍了微信小程序返回上一页传参并刷新过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
问题
微信小程序onLoad(options)方法在整个生命周期中只加载一次，也就是你进入下个页面，再返回时，是不会再次触发的,所以你返回是url传参是行不通了。
需求
现在有这么一个需求：一个商品支付页面，点击优惠卷进入优惠券列表页，选中优惠券后带着数据再返回到支付页面。
方法
一、使用到的方法是小程序的页面栈，感兴趣可以打印一下pages的内容，就是你页面跳转的轨迹数组，最后一项就是当前页面，倒数第二个就是上一页。很好理解，因为在当前页停止了，肯定是最后一个
//获取页面栈 let pages = getCurrentPages(); //获取所需页面 let currPage = pages[pages.length - 1];//当前页面 let prevPage = pages[pages.length -2];//上一页
二、在支付页把需要再次刷新的数据都放到onShow()方法中，不需要刷新的放到onLoad()方法中
思路
1、我们的目标是把优惠券的数据渲染到支付页上，所以先在优惠券页面点击优惠券的时候通过页面栈获取到上一页（也就是支付页），将本条数据动态添加到支付页的data中
//获取页面栈
let pages = getCurrentPages();
//获取所需页面
let prevPage = pages[pages.length -2];//上一页
prevPage.setData({
yourData:yourData,//你需要传过去的数据
});
2、将需要刷新的数据放到onShow()方法中
//这里展示在onShow方法中获取当前页onLoad方法中的options
onShow:function(){
let pages = getCurrentPages();
let currPage = pages[pages.length - 1];
//当前页的options，啥意思呢，就是你可能某个函数需要刷新，但是他的参数正好是传过来的参数
console.log(currPage.options);
}
你在优惠券页点击之后，因为你的数据已经存到支付页了，所以返回支付页后，你可以直接在data中获取到你需要的数据，进行你需要的操作。
Ok，这就完事了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JS实现中文汉字按拼音排序的方法,涉及javascript针对中文字符串的转换、遍历、排序等相关操作技巧,需要的朋友可以参考下2017-10-10
在javascript你不需要使用new Object()，你该使用{}就可以了。2009-07-07
这篇文章主要介绍了JS实现部分HTML固定页面顶部随屏滚动效果,涉及JavaScript响应onscroll事件动态操作页面元素属性的相关技巧,需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了js通过audioContext实现3D音效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
比较不错的分离式js代码，获取element的值，大家注意下，运行后的效果是32之类的值，其实主要是没有强制转换成数字，所以大家可以加上2008-05-05
微信小程序如何修改radio和checkbox的默认样式和图标
这篇文章主要介绍了微信小程序修改radio和checkbox的默认样式和图标,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了egg.js的基本使用和调用数据库的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
JavaScript是一种无类型语言，但同时JavaScript提供了一种灵活的自动类型转换的处理方式。基本规则是，如果某个类型的值用于需要其他类型的值的环境中，JavaScript就自动将这个值转换成所需要的类型。2016-07-07
这篇文章主要介绍了ES6中Symbol、Set和Map用法,结合实例形式详细分析了ES6中Symbol、Set和Map的功能、使用方法及相关操作注意事项,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了微信小程序实现搜索关键词高亮的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
最新评论