微信小程序返回上一页传参并刷新过程解析

网络编程 2024/12/24 佚名

3 2 1

圆月山庄资源网 Design By www.vgjia.com

这篇文章主要介绍了微信小程序返回上一页传参并刷新过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

问题

微信小程序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，这就完事了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

微信小程序,返回,传参,刷新

标签：

微信小程序,返回,传参,刷新

圆月山庄资源网 Design By www.vgjia.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

圆月山庄资源网 Design By www.vgjia.com

评论“微信小程序返回上一页传参并刷新过程解析”

暂无评论...

www.vgjia.com 圆月山庄资源网

139,976互联网资源

144,792高清电影

21,817无损音乐

631,128技术资源

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

2024年12月24日

微信小程序返回上一页传参并刷新过程解析

微信小程序,返回,传参,刷新

JS实现移动端双指缩放和旋转方法

Vue分页效果与购物车功能

评论“微信小程序返回上一页传参并刷新过程解析”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接