本文介绍在 uni-app 中解决 navigateBack 返回上一页数据不刷新的问题。通过 getCurrentPages() 获取页面栈实例,保存当前页与上一页引用,利用 navigateBack 返回后,通过 $vm 调用上一页方法实现数据刷新。
uni-app 返回上一页并刷新数据的实现方案
本文介绍一种在 uni-app 中实现从当前页面跳转至其他页面后,返回上一页时保存并刷新修改后数据的方法。该方案也是解决 uni-app 中 navigateBack 返回操作导致页面数据未更新问题的有效途径之一。
当前页:

上一页:

具体实现步骤
实现思路如下:
首先,利用 getCurrentPages() 函数获取当前打开的页面栈信息。
接着,分别保存当前页面实例和上一个页面实例的引用。
提示:如果不确定是否是从当前页直接跳转到上一页,可以通过 console.log(pages[pages.length - 1].route) 打印路由信息进行确认。
然后,调用 navigateBack 方法返回到上一个页面。
在成功返回上一页后,通过 $vm 属性调用上一页中定义的方法名,从而触发页面刷新逻辑。
总结
到此这篇关于 uni-app 返回上一个页面并进行页面刷新的文章就介绍到这了,更多相关uni-app返回上一个页面内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!