菜鸡
菜鸡
  • 发布:2018-03-05 13:37
  • 更新:2018-03-05 13:37
  • 阅读:2973

天啦噜,mui.openWindow的html5+和web传参竟然这样兼容!?

分类:MUI

mui.openWindow兼容web&plus环境下的页面传参


背景介绍

  • 刚刚好要写个微信公众号和html5+兼容的项目
  • 发现总是用localStorage传参不是事啊
  • 太不优雅了
  • 想了想还是想办法兼容下吧

兼容原理

  • 调用mui.openWindow前先判断相关环境,执行相关兼容方法

使用场景

  • 需要兼容网页&html5+的项目
  • 项目需要引入mui.js
  • 打开页面/webview用的是mui.openWindow

使用方法

引入mui.openWindow.js文件,正常写传参代码

  
mui.openWindow({  
    url: 'target.html',  
    id: 'target',  
    extras: {name:'mui'}  
});  

接收参数页面

  
// 同步调用  
if (mui.os.plus) {  
    mui.plusReady(function(){  
        var extras = mui.getExtras();  
        console.log(extras);  
    });  
}else{  
    var extras = mui.getExtras();  
    console.log(extras);  
}  
// 异步调用  
mui.getExtras(function(extras){  
    console.log(extras);  
});  

上源码

3 关注 分享
水灵退散 追梦随想 科宇

要回复文章请先登录注册

菜鸡

菜鸡 (作者)

回复 lhyh :
厉害了,异曲同工啊~
2018-03-10 17:46
lhyh

lhyh

写的很好,也可以看看小青年大神两年前写的
https://github.com/zhaomenghuan/mui-demo/blob/master/mui系列教程源码/页面传参.md
2018-03-10 16:42
追梦随想

追梦随想

那个星星是干啥用的,没关注过~~
2018-03-05 18:44
菜鸡

菜鸡 (作者)

回复 DarkerFans :
我这怎么叫混呢?
2018-03-05 17:14
DarkerFans

DarkerFans

休想混小星星
2018-03-05 17:03
水灵退散

水灵退散

6666
2018-03-05 13:41