uni-app 小程序返回上一页并刷新数据的方法

一.需求:

A页面--push到-->B页面,在B页面完成相关操作后pop返回上一页面A,根据B页面的操作结果控制返回A页面后是否刷新

二.代码
  1. A 页面
<script>
export default {
    data() {
        return {
            refreshIfNeeded: false
        };
    },
    onShow() {
        var pages = getCurrentPages(); // 获取当前页面栈
        var currentPage = pages[pages.length - 1]; // 当前页面
        if (currentPage.data.refreshIfNeeded) {
            currentPage.data.refreshIfNeeded = false;
            this.refreshMethod(); // 当前页面 method中的方法,用来刷新当前页面
        }
    },
    onLoad(option) {

    },
    methods: {
        refreshMethod() {

        }
    }
};
</script>
  1. B 页面
<script>
export default {
    data() {
        return {

        };
    },
    onLoad(option) {

    },
    methods: {
      updateMethod() {
            update(data)
                        .then(res => {
                            console.log('修改信息 POST Success----');
                            uni.showToast({
                                title: '保存成功',
                                icon: 'success'
                            });
                            setTimeout(() => {
                                // 返回上一页并刷新数据方法
                                let pages = getCurrentPages(); // 当前页面
                                let beforePage = pages[pages.length - 2]; // 上一页
                                beforePage.data.refreshIfNeeded = true;
                                // 返回上一页 delta返回的页面数 如果delta大于现有页面数,则返回首页
                                uni.navigateBack({ delta: 1 }); 
                            }, 1000);
                        })
                        .catch(err => {
                            console.log('修改信息 POST Fail----');
                            console.log(err);
                            uni.showToast({
                                title: '保存失败',
                                icon: 'error'
                            });
                        });
        }
    }
};
</script>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容