文章82
标签28
分类8

MUI子页面向父页面传参

经常有这样的需求:子页面新增数据后完成后,跳转到父页面的列表界面。但是 MUI 采用的是页面跳转其实是打开新窗口,返回父页面并不会刷新父页面,只是把子页面关闭,父页面从始至终都在那里并没有刷新过。

思路:子页面提交数据后,向父页面传参,父页面监听子页面的参数,调用刷新方法,从而达到页面刷新,数据更新的目的。

子页面:

//向父页面传参
mui.fire (plus.webview.currentWebview().opener(), 'getRes', {
    "type": 1
});
mui.back();

其中 res 是上传数据,后台接口返回的参数,用于判断是否成功,成功的话,向父页面传参,并调用 mui.bac() 方法关闭页面。
getRes 是监听的方法,父页面监听子页面的数据变化,需要用到这个监听方法,命名可以自取。

父页面:

//监听子页面提交数据后,刷新页面
window.addEventListener('getRes', function(event) {
    //获得事件参数
    var type = event.detail.type;
    if (type == 1) {
        location.reload();
    }
});