06月05日,2022

uniapp回退页面后并刷新数据

在uniapp进行app的混合开发时,我们时常需要再提添加界面完成后,回退几个界面然后刷新列表或其他显示页面需求,uni.navigateBack()方法使用必不可避免。官网的的文档https://uniapp.dcloud.io/api/router.html#navigateback。

示例代码
uni.navigateBack({
                                delta: 2, // 回退两个界面
                                success: () => {
                                    let page = getCurrentPages().pop(); //跳转页面成功之后
                                    if (!page) {
                                        return;
                                    } else {
                                        let options = {
                                            type: 'refreshTask'  // 在这里自定义要传递的数据,返回的页面根据这个数据进行判断执行不同的操作
                                        }
                                        page.onShow(options); // 可以使用展示页面的各个生命周期方法
                                    }
                                }
                            });
刷新界面
onShow(options) {
            if (options !== undefined && options !== null && options !== '') {
                if (options.type === 'refreshTask') {
                    // TODO 执行自己想要的操作
                    
                }
            }
        }


本文链接:https://www.liaonian.com.cn/info_31.html

-- EOF --