【uniapp】uniapp返回上一页，并实现刷新界面数据

最新推荐文章于 2025-04-24 15:42:59 发布

卸载引擎

最新推荐文章于 2025-04-24 15:42:59 发布

阅读量6.7k

点赞数 15

分类专栏： uniapp 文章标签： uni-app 前端

本文链接：https://blog.csdn.net/weixin_42960907/article/details/137904260

版权

在uniapp中，经常会有返回上一页的情况，官方提供有 uni.navigateBack 这个api来实现效果，但是此方法返回到上一页之后页面并不会自动刷新（不会触发上一页的onLoad()方法）。

使用场景

从一个列表界面点击新增按钮，进入新增元素的界面，然后新增之后返回列表界面，并刷新列表界面。
在这里插入图片描述

效果实现

元素新增界面的代码：

if (res.code === 200) {
	const pages = getCurrentPages();
	const prevPage = pages[pages.length - 2]; // 上一个页面
	uni.$u.toast('操作成功');
	setTimeout(() => {
		uni.navigateBack({
			delta: 1,
			success: () => {
				prevPage.$vm.getList(); // 直接调用上个页面的刷新方法
			}
		});
	}, 1000);
} else {
	uni.$u.toast(res.msg);
}

列表界面的代码