MUI之父页面刷新

最新推荐文章于 2026-01-11 21:38:33 发布

转载最新推荐文章于 2026-01-11 21:38:33 发布 · 8.5k 阅读

收录于

Web前端专栏收录该内容

45 篇文章

订阅专栏

最近国产的MUI框架做个小项目，MUI是一个很好的前端框架，提供了很多非常好的控件和DEMO。

页面间传值是开发中经常要涉及到的，MUI为页面传值提供了几个方案，frie、evaljs、extras等，都可以进行页面间传值。

今天做一个登陆页面的时候，需要刷新父页面，查看了MUI的官方文档后，选择用fire方法，主要思路是：

1、在子页面初始化时，注册beforeback方法；

[html]view plaincopy 
   
 mui.init({  
     beforeback: function() {  
     //获得列表界面的webview  
     var list = plus.webview.currentWebview().opener();  
     //触发列表界面的自定义事件（refresh）,从而进行数据刷新  
     mui.fire(list, 'refresh');  
     //返回true，继续页面关闭逻辑  
     return true;  
     }  
 });  

2、在父页面中添加事件监听：

[html]view plaincopy 
   
 window.addEventListener('refresh', function(e) {  
         location.reload();  
         //document.getElementById('indexHeader').innerHTML = 'Hello World';  
     })  