mui刷新当前页面和返回当前页面刷新处理

1:使用mui开发的时候出现一个需求是刷新当前页面,有一个列表数据展示项,当点击删除其中一项让页面做一个刷新:

只需要在删除逻辑后添加一句:location.reload();就可以了。

2:当A页面进入B页面后在B页面做了操作,当在B页面完成操作后返回A页面后要在A界面做刷新处理:

在B界面添加如下:

mui.init({
        beforeback: function() {

            var webView = plus.webview.currentWebview().opener();//为webView为需要刷新的页面,也可以通过
            //var webviewA = plus.webview.getWebviewById(id);获取,其中id为相对当前界面的A界面路径

           //refresh是A页面自定义事件
            mui.fire(webView, 'refresh');//其中refresh这个关键字两个界面要一致。
            //返回true,继续页面关闭逻辑
            return true;
        }
    })

在需要返回刷新的A界面:

        /**
         * 初始化加载
         */
        window.onload = function() {
            window.addEventListener('refresh', function() {
                location.reload(); //父页面仅仅是刷新页面,当然也可以自定义逻辑函数写在里面 
            })
        }

发布了116 篇原创文章 · 获赞 165 · 访问量 17万+

猜你喜欢

转载自blog.csdn.net/qq_42618969/article/details/96423935
今日推荐