mui.back()返回刷新功能

Posted 2020-09-05

使用场景：操作某个步骤需要获取用户信息,如果用户未登陆,则跳转登录页面,登陆成功之后使用mui.back()返回父页面,父页面必须刷新。

子页面：登陆页

父页面：跳转登录页的页面

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();
});

 

这样，在子页面执行返回操作mui.back()时,会执行父页面的refresh事件。