前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >关于mui 中开发App中fire事件的使用

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

作者头像
我乃小神神
发布2019-03-20 15:06:39
9350
发布2019-03-20 15:06:39
举报
文章被收录于专栏:前端基础

想解决的问题

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

  • 首先你得对mui开发混合app有所了解,然后你就会知道,其实坑特别多 先创建一个H5+APP就是下面这样样子
  • 然后就按照你一般的操作新建一个.html的文件,中间内容省略,直接来问题

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

代码语言:javascript
复制
 document.addEventListener('plusready', function() {
    这里是页面初始化                    
});
  • 然后当前页面,你该写什么内容就写什么内容,根据你的想法或者UI设计的原型图完美的去实现这个页面下面就是我实现的页面
  • 然后重点来了,打开页面并返回当前页面并且触发事件,最好是采用下面这种 方式,记住id很重要,一定记得要写
代码语言:javascript
复制
                      mui.openWindow({
                            url: "index.html",
                            id: "index.html"
                        })
  • 然后下一个页面很重要了哈,如果当你需要关闭当前页面返回上一个页面并且想触发事件的话,请看过来

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

  • 列表内容
代码语言:javascript
复制
let old_back = mui.back;
var backk = function() {
    old_back();
    return true;
}
  • 然后在 backk() 这个方法里面去获取你需要返回的页面ID,完整的返回方法如下

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

代码语言:javascript
复制
var backk = function() {
    let twebc = plus.webview.getWebviewById("index.html");
    mui.fire(twebc, 'refresh');
    old_back();
    return true;
}

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

代码语言:javascript
复制
 document.addEventListener('plusready', function() {
    又返回这里来了                 
});
  • 然后跟着下面的操作保证你不会错了啦
代码语言:javascript
复制
 document.addEventListener('plusready', function() {
    document.addEventListener('refresh', function() {
    这样就触发了,里面的这里就是你需要的逻辑,比如什么刷新啊,
    改变状态啊,等等,具体还是要看自己的逻辑                    
});         
});

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018年09月14日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档