zl程序教程

您现在的位置是:首页 >  其它

当前栏目

mui.back()返回刷新功能

功能 返回 刷新 back mui
2023-09-14 08:56:58 时间

本文转自:91博客;原文地址:http://www.9191boke.com/225417323.html

 

使用场景:操作某个步骤需要获取用户信息,如果用户未登陆,则跳转登录页面,登陆成功之后使用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事件。

 

 

扩展:mui返回页面传参