uniapp实现:返回上一页面并刷新

uniapp实现:返回上一页面并刷新

A页面跳转到B页面,B页面返回到A页面并刷新A页面

A页面的写法:

methods: {
    //刷新页面
    Refresh() {
        //这里写更新数据的方法
    },
       //跳转到B页面
    trigger(){
       uni.navigateTo({
            url: './B'
        });
    }, 
}

B页面的写法:

methods: {
    //操作完成返回消息首页
    Operation() {
        var prevPage = pages[pages.length - 2]; //上一页页面实例
        if (typeof(prevPage) == "undefined") {
            //没上一页面
            return;
        }
        //把数据返回给上一个页面
        prevPage.$vm.Refresh(); //上一页面的刷新方法
        setTimeout(()=>
            uni.navigateBack({
                delta: 1
            });
        ,1000)
    },
}

使用此方法必须保证,B页面只能由A页面跳转过来;

原理:通过页面实例调用上一页面的方法,然后返回

此方法还会遇到一个问题:那就是在调用上一页面的刷新方法,会出现调用方法的加载弹窗;需要自己传参关闭;

实际测试:小程序和APP均支持该方法

posted @ 2022-11-18 09:40  苏槿年  阅读(6759)  评论(0编辑  收藏  举报