小程序用wx.navigateBack返回上一级页面后刷新

最新推荐文章于 2024-07-10 10:31:52 发布

转载最新推荐文章于 2024-07-10 10:31:52 发布 · 3.5k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangshengli520/p/10729482.html

本文介绍了小程序中函数调用的最佳实践：区分使用onLoad和onShow。onLoad适用于初始化操作，而onShow则用于页面显示时需要刷新的功能，确保了小程序运行的高效性和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不需要刷新的函数写在 onLoad 里面

需要刷新的函数写在 onShow 里面

转载于:https://www.cnblogs.com/wangshengli520/p/10729482.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

黄小二哥

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Uniapp返回上一页并刷新：亲测有效的 goBack 实现技巧！

代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。

06-25

955

这个技巧在实际开发中非常常用，特别适合表单提交后返回列表刷新这类场景。比起依赖onShow或复杂的vuex状态同步，这种方式更直接、好维护，也不容易出 bug。

微信小程序 - 返回前一个页面时，执行前一个页面的函数方（wx.navigateBack 返回后，执行上一页的某个函数方法刷新数据）回前一个页面时，执行前一个页面的函数方法。支持改变 data 数据。

🏆 前端领域优质创作者

11-11

2107

微信小程序返回上一页后，怎么执行上一页的函数方法，返回上一页后，怎么更新 data 数据，刷新或当前页刷新，微信小程序返回上一页的各种方法实例，微信小程序中带参数返回上一页，微信小程序 - 返回上一页并刷新页面(重新执行onLoad内函数，微信小程序返回后，执行上一页函数，微信小程序返回上一个页面并调用函数，如何在返回前一个页面时，执行前一个页面的函数方法，重新执行 onLoad 内函数达到刷新数据或改变 data 上的数据，微信小程序 - 返回前一个页面时，执行前一个页面的函数方（wx.navigateB

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

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

11-20

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

【微信小程序】实现点击按钮跳转界面，确认后wx.navigateBack返回刷新

qq_47875931的博客

07-23

4578

使用wx.navigateBack返回刷新

小程序navigateBack返回上一个页面的时候刷新页面

Hero_rong的博客

09-13

3万+

在 onshow()里面请求数据就可以了。

navigateBack回退后刷新数据的一个简单办法(钉钉小程序或微信小程序)

qq_36566924的博客

11-14

4170

直接上实例（针对于小程序，uni-app）。 ①在app.js里面设置一个全局变量 back=0； ②一个列表页list，一个修改页edit，在edit页修改了数据后利用delta：1,回退到list页之前，将back设置为1。 ③回退到list页，在onshow里面检测back是否为1，若为1，则将其改为0，并刷新一次页面数据。 ④以上三步便实现回退刷新数据。 ...

小程序如何刷新当前页面？

zybijiso666的博客

11-30

5775

方法会刷新页面并重新加载当前页面和所有依赖的数据。因此，在使用这种方法时，请确保你的小程序已经保存了所有需要的数据，以避免数据丢失或用户界面状态改变的问题。参数来控制返回的页面数。例如，如果你想要返回到两页之前的页面并刷新，可以将。以上两种方法都可以用于刷新小程序当前页面，你可以根据具体需求选择适合的方法。这将返回上一页，并刷新页面。

微信小程序中wx.navigateBack()页面栈返回上一页时执行上一页的方法或修改上一页的data属性值

番茄Salad

07-10

971

微信小程序中wx.navigateBack()页面栈返回上一页时执行上一页的方法或修改上一页的data属性值。记得加上setTimeout延时，不然Toast会在当前页面执行，而不是返回的那个页面中执行。由markSend页面返回到home页面。

小程序怎样让wx.navigateBack更好用的方法实现

10-16

在微信小程序的开发过程中，经常会使用到wx.navigateBack这个API来实现页面的返回功能，本文主要介绍了如何使wx.navigateBack这个功能变得更加强大和易用，通过示例代码的介绍，提供了具体实现的方法。首先，wx....

微信小程序 返回 wx.navigateBack如何返回多个页面

热门推荐

NAMECZ的博客

07-24

7万+

今天写了一个功能页面，是一个表单的提交页，其中有要求选择省市区的一栏，省市区分别是三个页面。刚开始我的思路是这样的，当我点击选择省市区那一栏，跳转到选择省份的页面，选择好后，携带参数跳转到选择市的页面，然后继续携带参数跳转到选择区的页面，最后携带三个页面的参数跳转回表单页，乍一想，这样的思路逻辑很清晰，没什么毛病，但在实际操作中出现，当我选择好省市区携带参数跳转回表单页的时候，之前填写的表单信...

小程序如何刷新当前页面

qingdouxiaohua的博客

06-08

5938

总结：小程序刷新当前页面的方法有多种，你可以根据具体的需求和场景选择合适的方法。在选择方法时，请考虑性能、数据一致性、用户体验和代码可读性等因素。

微信小程序（三）：返回上一级页面并刷新（页面栈）

叶落无痕的博客

08-16

1万+

在很多业务场景之下，需要返回上一级页面，并进行刷新，在微信小程序中的wx.navigateBack方法中，返回上一页是不会刷新的。如果上一页的页面加载是在onLoad方法中触发的话，那么可以修改为在onShow方法中触发。 onLoad(Object query)：页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。 onShow：页面显示/切入前...

navigateBack()返回上级页面后刷新页面

m0_46358089的博客

12-26

3092

在上级页面使用onShow()获取数据，子页面navigateBack（）返回即可。灵活运用生命周期的运用场景onLooad()1.跳转携带参数：从A页面跳转到B页面，B页面读取传递过来的参数（返回需要刷新才能显示数据）onShow()1.页面间同步刷新数据:总共有AB先后两个页面，同时显示相同的数据。现在在B页面修改完数据，返回，A页面同步更新（返回自动刷新子页面）

#微信小程序# 返回前一页面，且加载前一页面的onLoad方法

wsmazh的博客

02-10

2586

首先在功能函数中，先获取当前页面： var now = getCurrentPages(); 然后获取前一页面： var before = pages[pages.length - 2]; 然后调用wx.navigateBack()： wx.navigateBack({ success:() => { // 执行前一页面的onLoad方法 before...

微信小程序 - wx.navigateBack() 携带参数返回

删库跑路

04-17

1万+

wx.navigateBack()文档传送门首先文档中并没说明如何通过wx.navigateBack() 传递参数，而其他路由方式可以直接URL拼接传递，但在说明中提及了getCurrentPages，getCurrentPages是能够获取页面栈中所有相关信息的一个方法，而在里面通过打印可以看到这些: 在实践发现可以通过利用getCurrentPages去传递参数 let pag...

微信小程序从子页面退回父页面时的数据传递

weixin_34306676的博客

12-23

767

我们知道，在微信小程序中，从一个页面转到另一个页面，一般情况下可以通过navigate或redirect时候的url来携带参数，然后在目标页面的onLoad函数参数中获取这些url参数。例如： // 源页面A相关代码 wx.navigateTo({ url: "/pages/mypage/mypage?a...