小程序返回上一页并刷新

最新推荐文章于 2024-07-25 17:47:02 发布

GG__

最新推荐文章于 2024-07-25 17:47:02 发布

阅读量189

点赞数

本文链接：https://blog.csdn.net/weixin_44299810/article/details/115468170

版权

本文探讨了小程序中返回上一页时数据刷新的问题，指出页面可能不执行onLoad而是直接走onShow。为确保数据更新，建议在onLoad和onShow内都设置数据获取代码。这有助于优化用户体验，确保信息始终最新。

摘要由CSDN通过智能技术生成

返回上一页时数据会不会刷新的问题其实是跟小程序的生命周期有关，有时候点返回按钮，会返回上一页，页面不会走onLoad,而是直接走onShow，所以获取数据的代码应该在onLoad和onShow里面各写一遍，这样才能保证返回上一页时数据可刷新

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

GG__

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

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

厦门在乎科技

07-05

782

问题　　微信小程序onLoad(options)方法在整个生命周期中只加载一次，也就是你进入下个页面，再返回时，是不会再次触发的,所以你返回是url传参是行不通了。需求　　现在有这么一个需求：一个商品支付页面，点击优惠卷进入优惠券列表页，选中优惠券后带着数据再返回到支付页面。方法　　一、使用到的方法是小程序的页面栈，感兴趣可以打印一下pages的内容，就是你页面跳转的轨迹数组，最后一项就是当前页面，倒数第二个就是上一页。很好理解，因为在当前页停止了，肯定是最后一个 //获取页面栈

m0_47759438的博客

01-11

781

调用上个页面获取数据的方法，进行页面刷新操作 var pages = getCurrentPages(); // 获取小程序页面栈 var prevPage = pages[pages.length - 2]; //上一个页面 //直接调用上一个页面的setData()方法，把数据存到上一个页面中去 prevPage.refresh() // 调用上个页面的刷新接口 wx.navigateBack({ //返回上个页面 delta: 1 }) .

参与评论您还未登录，请先登录后发表或查看评论

微信小程序开发（三）：返回上一级页面并刷新操作示例【页面栈】

11-20

本文实例讲述了微信小程序返回上一级页面并刷新操作。分享给大家供大家参考，具体如下：在很多业务场景之下，需要返回上一级页面，并进行刷新，在微信小程序中的wx.navigateBack 方法中，返回上一页是不会刷新的。如果上一页的页面加载是在onLoad方法中触发的话，那么可以修改为在onShow方法中触发。 onLoad(Object query)：页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。 onShow：页面显示/切入前台时触发。值得注意的是：如果上一级的页面是从上上级页面跳过来的话，之前在onLoad方法中，使用的options获

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

最新发布

coderMrcc的博客

07-25

1401

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

小程序返回上一页并刷新数据

x12301的博客

01-11

2039

回退上一级页面 beforePage 子页面返回父页面同时需要刷新数据 var pages = getCurrentPages(); //当前页面 var beforePage = pages[pages.length - 2]; //前一页 success(res){ if(res.data.code == 200){ beforePage.changeData(); wx.navigat

微信小程序操作当前页面后返回上一级并自动刷新上一级页面数据

青衫折扇的博客

04-14

5843

微信小程序的页面是由onLoad（页面加载）、onReady（页面初次渲染完成）、onShow（页面显示）、onHide（页面隐藏）、onUnload（页面卸载）五个周期构成；实现返回上一页的时候其实是直接将隐藏的页面再显示出来，所以不存在页面的再次加载， A页面 ——>B页面——>返回A页面（更新A页面数据）解释：在A跳转B的过程实现是A页面隐藏，B页面初始化渲染；返回...

小程序返回上一页，重新加载刷新数据

runing22的博客

03-19

1381

//获取上一页，并设定上一页的参数 nextPage letpages=getCurrentPages(); letprevPage=pages[pages.length-2]; //获取上一页 prevPage.setData({isNextPageBack:true},function(){ //设定上一页的参数：isNextPageBack, 然后返回 wx.navigateBack({ delta:1, }) ...

【小程序】在当前页面刷新上一页

杨小花的一日一记

06-29

1656

在小程序中，有时候想要在返回上一页时得到新数据，但是，普通的返回并刷新页面，可能会造成页面闪烁。这时候，可以利用小程序的页面栈来完成这个操作 var pages = getCurrentPages();//得到当前所有的页面 if(pages.length > 1){ var prePage = pages[pages.length - 2];//-1的话就...

微信小程序返回页面并刷新

weixin_45897706的博客

04-27

1511

一开始返回页面，并调用云函数重新show页面了，但是并没有更新页面的数据，究其原因是，add数据和navigateBack返回同时运行了！！！解决方法：先add数据，在success里调用wx.navigateBack! wx.cloud.callFunction({ name: "addArticle", data: { time: this.data.time, id: thi

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

10-15

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

weixin_42611825的博客

07-10

378

【代码】小程序返回上一页并刷新上一页页面。

小程序下拉刷新详解

weixin_34354945的博客

03-05

下拉刷新配置： app.json { "pages": [ //注册小程序中的页面 ], "window": { //设置小程序的状态栏、导航条、标题、窗口背景色 }, "tabBar": { //指定 tab 栏的表现，以及 tab 切换时显示的对应页面 }, "networkTimeout": { ...

微信小程序如何返回到上一个页面，并刷新页面呢？

热门推荐

m0_46130191的博客

06-25

1万+

微信小程序如何返回到上一个页面，并刷新页面

小程序返回页面刷新的方法

qq_22014149的博客

04-15

713

例如，从A页面跳转到B页面，在B页面进行了操作，希望A页面的数据能刷新方法：在B页面的操作成功方法下面执行A页面刷新操作 B页面js中添加下面方法 changeParentData: function () { var pages = getCurrentPages();//当前页面栈 if (pages.length > 1) { var beforePage = pages[pages...

小程序实现返回上个页面并刷新上个页面的数据？（页面栈）

LeeNingfeng的博客

07-15

3846

小程序实现页面B返回页面A并刷新页面A的数据 var page = getCurrentPages()；1. 获取页面栈 var beforePage = pages[pages.length - 2]; 2.获取到页面A的页面栈信息假设initial()为页面A的数据方法，使用 beforePage.initial() ；即可刷新页面A的数据，再使用navigateBack返回上...

微信小程序返回上一级页面并自动刷新数据

大山博客

02-21

3036

界面由A到B，在由B返回A，触发刷新动作Taro React生命周期函数。

微信小程序登录----以及返回上一页刷新或当前页刷新

a13849911849的博客

04-18

1404

微信小程序登录，刷新页面，返回上一页刷新或当前页刷新，无感刷新，wx.login使用,微信登录并获取用户数据

uniapp小程序返回上一页并刷新

05-23

要实现小程序返回上一页并刷新的功能，可以使用uni-app的页面生命周期函数。首先，在需要刷新的页面的onShow生命周期函数中添加刷新数据的代码。例如： ```js onShow() { // 刷新数据的代码 } ``` 然后，在需要...