uni-app 返回上一页并刷新数据的实现方案

作者:阿沐

时间:2026-10-30

浏览:499

本文介绍在 uni-app 中解决 navigateBack 返回上一页数据不刷新的问题。通过 getCurrentPages() 获取页面栈实例,保存当前页与上一页引用,利用 navigateBack 返回后,通过 $vm 调用上一页方法实现数据刷新。

文章目录

uni-app 返回上一页并刷新数据的实现方案

本文介绍一种在 uni-app 中实现从当前页面跳转至其他页面后,返回上一页时保存并刷新修改后数据的方法。该方案也是解决 uni-app 中 navigateBack 返回操作导致页面数据未更新问题的有效途径之一。

当前页:

uni-app 返回上一页并刷新数据的实现方案

上一页:

uni-app 返回上一页并刷新数据的实现方案

具体实现步骤

实现思路如下:

首先,利用 getCurrentPages() 函数获取当前打开的页面栈信息。

接着,分别保存当前页面实例和上一个页面实例的引用。

提示:如果不确定是否是从当前页直接跳转到上一页,可以通过 console.log(pages[pages.length - 1].route) 打印路由信息进行确认。

然后,调用 navigateBack 方法返回到上一个页面。

在成功返回上一页后,通过 $vm 属性调用上一页中定义的方法名,从而触发页面刷新逻辑。

总结

到此这篇关于 uni-app 返回上一个页面并进行页面刷新的文章就介绍到这了,更多相关uni-app返回上一个页面内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章