关于mui 中开发App中fire事件的使用
想解决的问题
你是不是想在混合开发中子页面返回父页面中触发父页面的事件
- 首先你得对mui开发混合app有所了解,然后你就会知道，其实坑特别多 先创建一个H5+APP就是下面这样样子
创建app
- 然后就按照你一般的操作新建一个.html的文件，中间内容省略，直接来问题
下面这句代码最好还是写上，虽然不写也可以，但是好习惯是养成的
document.addEventListener('plusready', function() {
这里是页面初始化
});- 然后当前页面，你该写什么内容就写什么内容，根据你的想法或者UI设计的原型图完美的去实现这个页面下面就是我实现的页面
这里写图片描述
- 然后重点来了,打开页面并返回当前页面并且触发事件，最好是采用下面这种 方式，记住id很重要，一定记得要写
mui.openWindow({
url: "index.html",
id: "index.html"
})- 然后下一个页面很重要了哈，如果当你需要关闭当前页面返回上一个页面并且想触发事件的话，请看过来
首先你得对mui.back() 进行重定义下面就是方法
- 列表内容
let old_back = mui.back;
var backk = function() {
old_back();
return true;
}- 然后在 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() {
又返回这里来了
});
这里写图片描述
- 然后跟着下面的操作保证你不会错了啦
document.addEventListener('plusready', function() {
document.addEventListener('refresh', function() {
这样就触发了，里面的这里就是你需要的逻辑，比如什么刷新啊，
改变状态啊，等等，具体还是要看自己的逻辑
});
});以上就是分享的内容啦，不懂的可以留言，大家一起努力( ^_^ )
打一个广告，修家谱吗，或者族谱，都行，可以联系我哦，哈哈哈( ^_^ )
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018年09月14日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读