uni-app返回上一个页面并进行页面刷新

最新推荐文章于 2024-07-22 15:00:00 发布
最新推荐文章于 2024-07-22 15:00:00 发布
阅读量1.2w 收藏 30
点赞数 8
文章标签： uni-app 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BelleLinQ/article/details/128833955
版权
文章介绍了在uni-app中处理页面跳转并确保返回时能刷新上一页面数据的方案。通过使用getCurrentPages获取页面栈，记录当前页和上一页路由，然后在navigateBack后调用上一页的方法来刷新内容。
摘要由CSDN通过智能技术生成

适用两个不同的页面跳转，返回上一个页面保存并刷新修改后的数据（也解决了uni-app的navigateBack返回不刷新的方法之一）

当前页：
在这里插入图片描述

上一页:
在这里插入图片描述

思路:
1、用getCurrentPages()获取打开的页面
2、保存当前页面和上一个页面
提示：不确定是不是从当前页跳转到上一页就console.log(pages[pages.length - 1].route）路由
3、navigateBack返回上一个页面
4、成功返回后，用$vm.调用上一个页面的方法名，进行页面刷新

Belle千
关注
uni-app -移动端H5小程序 关闭当前页，返回上一页并调用上一页的方法
专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
10-07 3552
在uni-app中，方法用于获取当前页面栈的实例数组。页面栈是指打开的页面的层级关系，当前页面在数组中的索引为，上一页在数组中的索引为，以此类推。方法返回的是一个页面栈数组，数组中的每个元素都是一个页面实例，包含了页面的数据和方法。通过获取页面栈数组，我们可以根据索引获取到上一页的实例，然后可以调用上一页的方法或访问上一页的数据。
Uniapp示例:返回并刷新上一页
12-11
此文件为Uniapp示例源码,主要功能为演示如何返回上一页面并重载上一页面的数据.如果对你有用,关注并支持作者.
uniapp 返回上一级 刷新页面
lingrer的博客
04-30 2435
在A页面点击跳转B页面，后返回到A页面 要求A页面数据刷新。的事件，当B页面返回时，A页面会收到通知并执行刷新操作。这个方法适用于A页面使用了组件，从组件当中跳转到B页面。这个方法也可以适用于当返回到A页面时需要传递参数。方法二：uni.navigateBack()在A页面的整个页面的头部 加上v-if。在onShow中再次调用需要刷新的数据。方法一：onShow。A页面监听了一个名为。
uniapp刷新当前页面bug
最新发布
qq_56352553的博客
07-22 927
使用 uni.reLaunch 或 uni.redirectTo虽然这两个API不是专门用来刷新页面的，但它们可以用来关闭当前页面并跳转到当前页面（或另一个页面），从而间接实现刷新的效果。不过，这种方法会重新加载整个页面，包括页面的生命周期函数（如onLoad、onShow等），并且会导致页面跳转动画，因此并不是最优的刷新方式。
【uniapp】uniapp返回上一页，并实现刷新界面数据
余浩的博客
04-18 4015
在uniapp中，经常会有返回上一页的情况，官方提供有 uni.navigateBack 这个api来实现效果，但是此方法返回到上一页之后页面并不会自动刷新（不会触发上一页的onLoad()方法）。
uniapp 返回并刷新上一个页面
lfeishumomol的博客
06-26 5881
【代码】uniapp 返回并刷新上一个页面。
uniapp当前页面返回上一页面，并刷新上一页面
cainiaoyiige的博客
01-25 2964
if(pages[pages.length-2].route == 'pages/order/myOrder'){ //确定要返回到相应页面，在触发。1、onshow能够监听页面显示，页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面，所以onshow可以实现页面显示就能刷新页面请求接口。4、我们假设a页面是上一个页面，b页面是当前页面。2、所以我们可以通过页面卸载，进行获取页面栈，从而实现刷新上一个页面。
uni-app：mescroll-nui下拉刷新组件
09-08
本知识点主要聚焦于uni-app中的mescroll-nui下拉刷新组件，这是一个非常实用的功能，用于实现用户在滚动到页面顶部时触发数据的刷新。 首先，mescroll-nui是基于MeScroll库的一个uni-app插件，MeScroll是一个高性能...
uni-app如何页面传参数的几种方法总结
11-21
在uni-app中，页面间通信是一个常见的需求，特别是在构建复杂应用时。本文主要讨论的是如何通过uni.$emit()和uni.$on()实现这种通信。这两种方法是uni-app提供的一种全局事件总线机制，允许不同页面之间传递数据和...
uniapp无法返回上一页_解决uni-app返回页面不触发页面刷新问题
05-24
如果你使用的是uni-app框架，遇到了无法返回上一页或者返回页面不触发页面刷新的问题，可以尝试以下方法进行解决： ...以上方法可以根据实际情况进行选择和组合使用，从而解决uni-app返回页面不触发页面刷新的问题。
uni-app小程序uni.navigateBack返回上一个页面并传递参数.返回上个页面并刷新
03-30
要实现uni.navigateBack返回上一个页面...如果要返回上个页面并刷新，可以在页面A中的onShow方法中进行数据更新操作。如果要更新页面B中的数据，可以在页面B中使用onShow方法获取页面A传递过来的参数并进行相应的操作。
uniapp返回上一级页面并刷新
qq_63026743的博客
09-01 2643
2. 在 新页面 点击确定 需要返回时使用 uni.navgateBack。uni.navigateTo(OBJECT) | uni-app官网。1. 在上个页面找到获取数据列表的函数。uniapp官方介绍。
uniapp返回上一页并刷新
weixin_38946164的博客
08-26 4840
在uniapp中，经常会有返回上一页的情况，官方提供有 uni.navigateBack 这个api来实现效果，但是此方法返回到上一页之后页面并不会更新（刷新）。例如有这样一个场景：从地址列表页点击添加按钮进入添加地址页面，添加完地址之后点击确认后再次跳入地址列表页并要更新地址列表。返回成功后调用 beforepage.$vm.需刷新方法。利用获取页面栈 getCurrentPages()即可完成返回并刷新。
【uni-app】返回上一页并刷新重载页面
可耐特
05-18 1万+
向上一个页面传递自定义数据. uni.navigateBack({ success: () => { let page = getCurrentPages().pop();//跳转页面成功之后 if (page) { let e = {}; page.onLoad(e);//执行上个页面的方法 }; } }) 重载上个页面的数据 uni.navigateBack({ success: () => { let page = ge
uniapp返回上一页，刷新列表
Change!
02-24 9510
因为我们做的项目是：前端 + Ios/Android 合作完成的App，那么在做消息通知时，进入消息详情，再返回列表，需要实时刷新列表，那么有的详情是跳转ios/Android的，并且返回头部是他们的。 （常用的返回方法：uni.navigateTo()、uni.redirectTo（）；如果这两种不管用时，可以用下面这种返回方法刷新列表 这时我遇到两个问题： 1.从详情，返回列表，没有刷新列表 解决方法：如果你的列表方法写到onLoad（）中那么是不会刷新列表的；而是需要放到onShow（）中 2.因为
uniapp 返回上一页并刷新
m0_65730686的博客
11-01 2237
uniapp 返回上一页并刷新
uniapp 返回上一页并刷新数据【已解决】
Leijiang0504的博客
03-15 3598
业务逻辑：有许多页面需要判断是否登陆，没有登陆的话需要跳转到登陆页面，登陆成功后需要返回上一级并且刷新上一级页面数据。我这里是新建了一个helper文件点出来的，你们可以把方法放到这里也可以写公共方法，小白不懂也可以问我。到这里就结束了，很简单，我们下期再见。reFresh();是监听上一个页面的方法。3，在上一级页面监听并执行对应方法。2，在登陆成功的时候执行该方法。
uniapp：返回上页刷新的方式，常用于详情返回列表
热门推荐
weixin_58791464的博客
11-04 1万+
uniapp：返回上一页刷新页面
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值