DCloud_UNI_CHB
DCloud_UNI_CHB
  • 发布:2014-09-23 14:42
  • 更新:2019-07-12 12:20
  • 阅读:286695

mui框架如何实现页面间传值

分类:MUI

在App开发中,页面间传值是很常见的开发需求,mui框架根据业务场景不同,提供了两种传值模式。
1、页面初始化时,通过扩展参数传值;
mui在初始化页面时,提供了extras配置参数,通过该参数可以设置页面参数,从而实现页面间传值;
mui框架在如下几种场景下,会执行页面初始化操作:

  • 通过mui.openWindow()打开新页面(若目标页面为已预加载成功的页面,则在openWindow方法中传递的extras参数无效);
  • 通过mui.init()方法创建子页面;
  • 通过mui.init()方法预加载页面;
  • 通过mui.preload()方法预加载页面

示例,假设我们有如下需求:
在首页中打开关于页面时,传递当前产品名称及版本号,然后在关于页面中读取这两个参数并显示出来;

首页实现代码:

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

关于页面实现代码:

var self = plus.webview.currentWebview();  
var name = self.name;  
var version = self.version;

2、页面已创建,通过自定义事件传值
参考mui官网中自定义事件的介绍

45 关注 分享
小小雨 damdmen Mr丶Leo wang_ Ayumi 互帮互助 憨憨的爱 choujjss flax 薇妮儿的阳光雨 Esong shfnooy tolerious WaKing imengxin 小小时光 chen214123158 肥陈 星辰和星空 王大大 Eric_ou roller 5***@qq.com HCloud 老醒 4***@qq.com Trust 绝云气 清风脱然至 husheng 2***@qq.com 9***@qq.com gaohuazi jtshushu a***@163.com 雪之梦技术驿站 9***@qq.com 辰欤小迟 Warn 1***@qq.com 陈沐沐 1***@qq.com 3***@qq.com 5***@qq.com 2***@qq.com

要回复文章请先登录注册

c***@163.com

c***@163.com

a页面中 打开 b页面, b页面关掉(mui.back()方法我用的是),a页面怎么获取b页面的值
2016-07-16 15:57
t***@163.com

t***@163.com

如果是用openWindow传extras,注意不要进行mui.init进行预加载,否则传参在detail页面会为undefined。
2016-07-13 09:19
历练

历练

父页面不能向子页面传参,真的是郁闷,有没有解决此问题呀?????
2016-06-29 14:49
澹台苍鸿

澹台苍鸿

回复 DCloud_UNI_CHB :
为什么要用plusReady事件
2016-05-21 10:23
cloudError

cloudError

回复 完蛋 :
你好!能贴一下你的父页面传值给子页面的代码么?我现在遇到这个问题了,谢谢!
2016-05-04 10:35
n***@126.com

n***@126.com

plus.ready根本就不执行,不知道是怎么回事
2016-05-01 11:31
6***@qq.com

6***@qq.com

2. plus对象是否存在
可以在js里判断plus对象是否存在,但需要注意一种情况,如果你的js代码里恰好还定义了一个名为plus的js对象,则这种方法将无法准确判断运行环境。

文档说plus可以判断多端环境,web环境下plus不存在?那么怎么传值,还有文档上的代码很多错别字和漏写的地方
2016-04-21 00:51
9***@qq.com

9***@qq.com

mui.plusReady根本无响应啊!
2016-04-20 17:01
邹胜林

邹胜林

我按照官方自定义方法传值,昨天还可以,今天就不行了,plus.webView.getWebviewById("service_details.html")获取到的子页面引用也是null,我实在搞不懂了,请教各位
2016-04-16 10:46
小清新怎么了

小清新怎么了

预加载失败一般是什么情况
2016-04-13 17:59