MUI子页面返回父页面时,父页面自动刷新方法

最新推荐文章于 2021-06-18 13:33:54 发布

嘭嘭嘭鹏

最新推荐文章于 2021-06-18 13:33:54 发布

阅读量652

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web 文章标签： MUI 页面刷新

本文链接：https://blog.youkuaiyun.com/weixin_44219322/article/details/99316202

web 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了两种在子页面触发父页面刷新的方法。方法一使用mui框架的beforeback事件，通过调用mui.fire()函数触发父页面的自定义事件'refresh'。然而，这种方法在父页面有加载更多功能时可能导致手机闪屏。方法二通过在子页面中重新定义mui.back()函数，并调用特定页面的reload()方法来实现刷新。

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

方法一:

子页面:

  mui.init({
		beforeback: function() {　　 
		    //获得父页面的webview
		    var list = plus.webview.currentWebview().opener();　　
		    //触发父页面的自定义事件(refresh),从而进行刷新
		    mui.fire(list, 'refresh');
		    //返回true,继续页面关闭逻辑
		    return true;
		}
	});

父页面:

 (function($, doc) {
    window.addEventListener('refresh', function(e) {
        //执行刷新
        location.reload();
    });
})(mui, document);

当父页面有加载更多功能时不适用,会导致手机闪屏

方法二

子页面加:

    mui.plusReady(function() {
   	var primaryBack = mui.back;
           mui.back = function() {
              var wobj = plus.webview.getWebviewById("要跳转的页面ID");   
              wobj.reload(true);
              primaryBack();
          }
   })