uniapp中uni.navigateBack返回后刷新页面数据

小马甲丫

已于 2024-02-26 18:10:18 修改

阅读量3.9k

点赞数 13

CC 4.0 BY-SA版权

分类专栏： # uniapp 文章标签： uni-app navigateBack

于 2023-11-29 00:15:00 首次发布

本文链接：https://blog.csdn.net/u012804440/article/details/134649210

在uni-app中，当从编辑页面使用uni.navigateBack返回数据列表页时，需要刷新列表以显示最新数据。本文详细介绍了如何设置父页面的钩子函数、监听子页面的通知以及处理数据的方法，确保返回后能正确更新列表状态。

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

文章目录

一、前言
- 1.1、[`uni.navigateBack`](https://uniapp.dcloud.net.cn/api/router.html#navigateback)
二、方法
二、最后

一、前言

在移动端中，数据列表中某项数据点击编辑，进入下一个页面编辑数据，保存后回退到数据列表页，此时需要刷新列表数据，否则显示的列表数据还是旧的。这种场景感觉很多地方都有出现，是需要详细说说方法，也就是uniapp中uni.navigateBack返回后刷新页面数据。

1.1、`uni.navigateBack`

二、方法

2.1、父页面设置钩子函数`onBackPress`

详细文档可点击【跳转】，适用于刷新多处数据

export default {
   
   
    onBackPress(options) {
   
   
        this.refreshData();
    },
    methods:{
   
   
        refreshData: function() {
   
   
            //加载数据
        }
    }
}

最低0.47元/天解锁文章

200万优质内容无限畅学