mui.back()返回刷新

本文介绍了如何在mui框架下,通过在子页面注册beforeback方法,当用户从登录页返回时,触发父页面的自定义'refresh'事件,进而实现页面刷新。关键在于子页面调用mui.back()的同时,父页面监听'refresh'并执行location.reload()。
摘要由CSDN通过智能技术生成

mui.back()返回刷新功能

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

子页面:登陆页

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

  1. 在子页面初始化时,注册beforeback方法;

复制代码


```javascript
mui.init({
    beforeback: function() {
     //获得父页面的webview
        var list = plus.webview.currentWebview().opener();
     //触发父页面的自定义事件(refresh),从而进行刷新
        mui.fire(list, 'refresh');
        //返回true,继续页面关闭逻辑
        return true;
    }
});

复制代码
2.在父页面中添加事件监听:

```javascript

```javascript
window.addEventListener('refresh', function(e){//执行刷新
    location.reload();
});

 

 

这样,在子页面执行返回操作mui.back()时,会执行父页面的refresh事件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值