uniapp uni.navigateBack()返回刷新

于 2024-07-26 12:01:42 发布
阅读量579 收藏 1
点赞数 4
文章标签： uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq85168163/article/details/140712071
版权
刷新 A页面
methods: {
	getList(){
	}
}
从B页面执行完返回
let pages = getCurrentPages();
let prevPage = pages[pages.length - 2]
uni.navigateBack({
	delta:1,
	success() {
		prevPage.$vm.getList() //调用A页面方法
	}
});
qq85168163
关注
uni-app - uni.navigateBack 返回后更新上一页数据（uni.navigateBack 返回页面携带参数）
王佳斌
02-03 6800
效果图 前言 假设需求：从 A 页面跳转到 B 页面，当从 B 页面使用 uni.navigateBack 返回 A 页面后，改变 A 页面上的数据。 假如，我们现在有如下两个页面，用以实现如上需求。 A.vue <template> <view> <button @click="toPage()">{{ title }}</button> <view>{{ title }}</view> </view>
【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 返回上一级 刷新页面
最新发布
lingrer的博客
04-30 2416
在A页面点击跳转B页面，后返回到A页面 要求A页面数据刷新。的事件，当B页面返回时，A页面会收到通知并执行刷新操作。这个方法适用于A页面使用了组件，从组件当中跳转到B页面。这个方法也可以适用于当返回到A页面时需要传递参数。方法二：uni.navigateBack()在A页面的整个页面的头部 加上v-if。在onShow中再次调用需要刷新的数据。方法一：onShow。A页面监听了一个名为。
uniapp中uni.navigateBack返回后刷新页面数据
小马甲
11-29 2929
在移动端中，数据列表中某项数据点击编辑，进入下一个页面编辑数据，保存后回退到数据列表页，此时需要刷新列表数据，否则显示的列表数据还是旧的。这种场景感觉很多地方都有出现，是需要详细说说方法，也就是uniapp中返回后刷新页面数据。本人每篇文章都是一字一句码出来，希望大佬们多提提意见。创作不易，给我打打气，加加油☕。
uniapp使用navigateBack方法返回上级页面并刷新
P3323197861的博客
01-06 1195
目前想出的方案是在回退之前修改上页判断条件,回退后重新获取判断条件在决定是否刷新。修改状态成功后,准备回退到上一页之前,将上一页的是否刷新。
uniapp uni.navigateBack返回后刷新页面数据
weixin_44805839的博客
11-23 2771
uniapp uni.navigateBack返回后刷新父页面数据
【uniapp】uniapp返回上一页，并实现刷新界面数据
余浩的博客
04-18 3992
在uniapp中，经常会有返回上一页的情况，官方提供有 uni.navigateBack 这个api来实现效果，但是此方法返回到上一页之后页面并不会自动刷新（不会触发上一页的onLoad()方法）。
uni-app navigateBack返回上一个页面并进行页面刷新
weixin_40745445的博客
06-08 2401
【代码】uni-app navigateBack返回上一个页面并进行页面刷新。
uniapp当前页面返回上一页面，并刷新上一页面
cainiaoyiige的博客
01-25 2963
if(pages[pages.length-2].route == 'pages/order/myOrder'){ //确定要返回到相应页面，在触发。1、onshow能够监听页面显示，页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面，所以onshow可以实现页面显示就能刷新页面请求接口。4、我们假设a页面是上一个页面，b页面是当前页面。2、所以我们可以通过页面卸载，进行获取页面栈，从而实现刷新上一个页面。
小程序实现navigateback返回页面后刷新
weixin_72707764的博客
03-01 795
问题：在a页面有onShow函数，从a页面跳往b页面进行操作，然后再跳回a页面时页面不刷新。
Uniapp示例:返回并刷新上一页
12-11
此文件为Uniapp示例源码,主要功能为演示如何返回上一页面并重载上一页面的数据.如果对你有用,关注并支持作者.
uni.navigateBack返回参数【uniapp】
weixin_41900917的博客
05-28 3512
官网： uni.navigateTo(OBJECT) | uni-app官网 1、小程序关闭webview,返回 uni.navigateBack({ delta: 1, // 返回1个，如果是2，返回2个页面 }); 官网并无明确说明，可以携带参数返回， 1、解决办法之一：组件传值，vuex或其他状态管理工具 2、获取上个组件，自行更改组件数据 --【我使用的】 let pages = getCurrentPages(); // 获取所有页面栈实例列表 let prevPag
uniapp中 uni.navigateBack返回上一页强制刷新
qq_39695210的博客
11-29 559
1.当前页面：子组件获取上一页父组件的方法editMap。2.上一个页面，父组件页面方法。
uniapp使用uni-simple-router插件，导致H5端uni.navigateBack()方法报错
weixin_45941290的博客
10-22 3150
uni-app使用uni-simple-router，导致H5端uni.navigateBack()方法报错 如题，报错信息如下： TypeError: Cannot read property ‘constructor’ of undefined 解决方法1： 调用uni.navigateBack方法时传参数 uni.navigateBack(1); 解决方法2： 在router/index.js文件里加上 h5:{ rewriteFun:false } ，关掉uni-simple-router对re
uni-app中使用uni.navigateBack()方法返回上一页面时，如果刷新当前页面则出现无法返回上一页面问题
C_B_Y的博客
07-11 3372
uni-app中使用uni.navigateBack()方法H5端返回上一页面时，如果刷新当前页面则出现无法返回上一页面问题
uniapp 返回并刷新上一个页面
lfeishumomol的博客
06-26 5869
【代码】uniapp 返回并刷新上一个页面。
uni-app返回上一个页面并进行页面刷新
热门推荐
BelleLinQ的博客
02-01 1万+
uni-app返回上一个页面并进行页面刷新
uniapp uni.navigateBack 无法返回
07-28
uni.navigateBack()方法在uni-app中用于返回上一页面。然而，有时候在刷新当前页面后，使用该方法无法返回上一页面。这个问题可以通过以下几种方法解决。 一种解决方法是使用原生的history对象来替代uni.navigateBack()方法。可以封装一个兼容uni-app API和原生JS的返回方法，如下所示： ```javascript const navigateBack = (params) => { const pages = getCurrentPages() if (pages.length === 1) { if (typeof params === 'number') { history.go(-params) } else { history.back() } } else { uni.navigateBack() } } ``` 这个方法会先判断当前页面的数量，如果只有一个页面，则使用原生的history对象进行返回操作；如果有多个页面，则使用uni.navigateBack()方法进行返回操作。这样可以解决刷新页面后无法返回的问题。\[3\] 另一种解决方法是在返回的方法中进行替换。可以使用以下代码来判断是否可以返回上一页面，并进行相应的操作： ```javascript let canNavBack = getCurrentPages() if (canNavBack && canNavBack.length > 1) { uni.navigateBack() } else { history.back() } ``` 这段代码会先获取当前页面的数量，如果大于1，则使用uni.navigateBack()方法进行返回操作；如果等于1，则使用history.back()方法进行返回操作。这样也可以解决无法返回上一页面的问题。\[2\] 综上所述，以上两种方法都可以解决uni.navigateBack()无法返回上一页面的问题。你可以根据自己的需求选择其中一种方法来解决该问题。 #### 引用[.reference_title] - *1* [uni-app中使用uni.navigateBack()方法返回上一页面时，如果刷新当前页面则出现无法返回上一页面问题](https://blog.csdn.net/C_B_Y/article/details/125720619)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [uniapp刷新页面后使用uni.navigateBack()无法返回上个页面](https://blog.csdn.net/weixin_67434908/article/details/129204627)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [uniapp-H5页面刷新后返回失效，页面栈清空问题，navigateBack失效问题](https://blog.csdn.net/qq_43205326/article/details/125159266)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值