uniapp 返回上一页并刷新

已于 2023-08-04 15:56:33 修改
阅读量1.2k 收藏
点赞数 1
文章标签： uni-app 前端 javascript
于 2023-08-04 15:55:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_53966155/article/details/132106179
版权
文章讲述了如何在微信小程序中，当用户在/pages/mine/improveInfo页面修改信息并点击保存后，通过`wx.switchTab`跳转到mine/index页面并利用生命周期方法`onLoad`,`onShow`,`onReady`实现数据刷新的过程。

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

如要刷新的是mine页面

在/pages/mine/improveInfo页面修改信息，点击保存后跳转到个人中心（/pages/mine/index）页面并刷新更新数据

点击保存按钮时执行以下代码：

wx.switchTab({
    url: '/pages/mine/index'
})
// 页面重载
let pages = getCurrentPages()
// 声明一个pages使用getCurrentPages方法
let curPage = pages[pages.length - 2]
// 声明一个当前页面
curPage.onLoad(curPage.options) // 传入参数
curPage.onShow()
curPage.onReady()
// 执行刷新
【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】uniapp返回上一页，并实现刷新界面数据
余浩的博客
04-18 6960
在uniapp中，经常会有返回上一页的情况，官方提供有 uni.navigateBack 这个api来实现效果，但是此方法返回到上一页之后页面并不会自动刷新（不会触发上一页的onLoad()方法）。
Uniapp示例:返回并刷新上一页
12-11
此文件为Uniapp示例源码,主要功能为演示如何返回上一页面并重载上一页面的数据.如果对你有用,关注并支持作者.
uniapp页面返回，返回页页面刷新（局部刷新）
最新发布
weixin_51010848的博客
04-24 518
【代码】uniapp页面返回，返回页页面刷新（局部刷新）
uniapp 返回并刷新上一个页面
lfeishumomol的博客
06-26 6810
【代码】uniapp 返回并刷新上一个页面。
uniapp返回上一页并刷新
weixin_38946164的博客
08-26 5298
在uniapp中，经常会有返回上一页的情况，官方提供有 uni.navigateBack 这个api来实现效果，但是此方法返回到上一页之后页面并不会更新（刷新）。例如有这样一个场景：从地址列表页点击添加按钮进入添加地址页面，添加完地址之后点击确认后再次跳入地址列表页并要更新地址列表。返回成功后调用 beforepage.$vm.需刷新方法。利用获取页面栈 getCurrentPages()即可完成返回并刷新。
uniapp 返回上一页并刷新重载页面
02-07
在 UniApp 中实现返回上一页并刷新页面可以通过多种方式完成。以下是几种常见且有效的方法： #### 方法一：通过 `getCurrentPages` 和 `$vm` 此方法适用于需要直接调用上一个页面实例中的特定函数来达到刷新效果的...
uniapp 返回上一级 刷新页面
lingrer的博客
04-30 3843
在A页面点击跳转B页面，后返回到A页面 要求A页面数据刷新。的事件，当B页面返回时，A页面会收到通知并执行刷新操作。这个方法适用于A页面使用了组件，从组件当中跳转到B页面。这个方法也可以适用于当返回到A页面时需要传递参数。方法二：uni.navigateBack()在A页面的整个页面的头部 加上v-if。在onShow中再次调用需要刷新的数据。方法一：onShow。A页面监听了一个名为。
uniapp返回上一级页面并刷新
qq_63026743的博客
09-01 2817
2. 在 新页面 点击确定 需要返回时使用 uni.navgateBack。uni.navigateTo(OBJECT) | uni-app官网。1. 在上个页面找到获取数据列表的函数。uniapp官方介绍。
uniapp当前页面返回上一页面，并刷新上一页面
cainiaoyiige的博客
01-25 3489
if(pages[pages.length-2].route == 'pages/order/myOrder'){ //确定要返回到相应页面，在触发。1、onshow能够监听页面显示，页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面，所以onshow可以实现页面显示就能刷新页面请求接口。4、我们假设a页面是上一个页面，b页面是当前页面。2、所以我们可以通过页面卸载，进行获取页面栈，从而实现刷新上一个页面。
uniapp 返回上一页 刷新数据
qq_42390636的博客
12-22 1282
第二种情况,左上角返回按钮。
uniapp返回上一页并刷新数据
qq_44747508的博客
01-14 1357
uniapp返回上一页并刷新数据
uniapp返回上一页并刷新数据方法
qq_41567857的博客
08-28 1111
3.let beforePage=pages[pages.length-2],将上一页赋值给beforePage。2.pages[pages.length-1]，为当前页。pages[pages.length-2]为上一页。调用上一页中的onload()方法。1.getCurrentPages()获取当前页面的页面栈，是个数组。
uniapp 返回上一页并刷新列表数据
m0_62676565的博客
12-08 644
uniapp 返回上一页并刷新数据
uni-app返回上一个页面并进行页面刷新
热门推荐
BelleLinQ的博客
02-01 1万+
uni-app返回上一个页面并进行页面刷新
Uniapp 跳转回上一页面并刷新页面数据
m0_65607651的博客
10-25 1326
Uniapp 跳转回上一页面并刷新页面数据
uniapp 返回上一页动态刷新数据
weixin_40918145的博客
06-03 6218
1、在A页面设置 onShow() { var pages = getCurrentPages(); // 获取当前页面栈 var curPage = pages[pages.length - 1]; // 当前页面 if(curPage.data.init){ curPage.data.init = false; this.init() // A页面 method中的方法，用来刷新页面A } }, 2、在B页面设置 var pages = getCurrentPages()
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值