MUI之父頁面重新整理
阿新 • • 發佈:2018-12-30
最近國產的MUI框架做個小專案,MUI是一個很好的前端框架,提供了很多非常好的控制元件和DEMO。
頁面間傳值是開發中經常要涉及到的,MUI為頁面傳值提供了幾個方案,frie、evaljs、extras等,都可以進行頁面間傳值。
今天做一個登陸頁面的時候,需要重新整理父頁面,查看了MUI的官方文件後,選擇用fire方法,主要思路是:
1、在子頁面初始化時,註冊beforeback方法;
mui.init({ beforeback: function() { //獲得列表介面的webview var list = plus.webview.currentWebview().opener(); //觸發列表介面的自定義事件(refresh),從而進行資料重新整理 mui.fire(list, 'refresh'); //返回true,繼續頁面關閉邏輯 return true; } });
2、在父頁面中新增事件監聽:
window.addEventListener('refresh', function(e) {
location.reload();
//document.getElementById('indexHeader').innerHTML = 'Hello World';
})
這樣,在子頁面執行返回操作mui.back()的時候,會執行父頁面中的refesh事件,即location.reload(),重新整理父頁面;
官方文件說明:http://dev.dcloud.net.cn/mui/event/#customevent