关于mui 中开发App中fire事件的使用

想解决的问题

你是不是想在混合开发中子页面返回父页面中触发父页面的事件

1. 首先你得对mui开发混合app有所了解,然后你就会知道，其实坑特别多

   先创建一个H5+APP就是下面这样样子

   

2. 然后就按照你一般的操作新建一个.html的文件，中间内容省略，直接来问题

下面这句代码最好还是写上，虽然不写也可以，但是好习惯是养成的

 document.addEventListener('plusready', function() {
    这里是页面初始化                    
});

1. 然后当前页面，你该写什么内容就写什么内容，根据你的想法或者UI设计的原型图完美的去实现这个页面下面就是我实现的页面

   

2. 然后重点来了,打开页面并返回当前页面并且触发事件，最好是采用下面这种 方式，记住id很重要，一定记得要写

                      mui.openWindow({
                            url: "index.html",
                            id: "index.html"
                        })

1. 然后下一个页面很重要了哈，如果当你需要关闭当前页面返回上一个页面并且想触发事件的话，请看过来

首先你得对mui.back() 进行重定义下面就是方法

1. 列表内容

let old_back = mui.back;
var backk = function() {
    old_back();
    return true;
}

1. 然后在 backk() 这个方法里面去获取你需要返回的页面ID，完整的返回方法如下

var twebc = plus.webview.getWebviewById(“index.html”);

var backk = function() {
    let twebc = plus.webview.getWebviewById("index.html");
    mui.fire(twebc, 'refresh');
    old_back();
    return true;
}

好了,这里就是返回的内容完结了哈，接下来的是父页面的逻辑

 document.addEventListener('plusready', function() {
    又返回这里来了                 
});

1. 然后跟着下面的操作保证你不会错了啦

 document.addEventListener('plusready', function() {
    document.addEventListener('refresh', function() {
    这样就触发了，里面的这里就是你需要的逻辑，比如什么刷新啊，
    改变状态啊，等等，具体还是要看自己的逻辑                    
});         
});

以上就是分享的内容啦，不懂的可以留言，大家一起努力( ^_^ )

打一个广告，修家谱吗，或者族谱，都行，可以联系我哦，哈哈哈( ^_^ )