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

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

要回复文章请先登录注册

一卡通

一卡通

为什么不加到文档里?!
2015-05-20 11:04
hoofa

hoofa

父页面可以向子页面传值,但子页面怎么向父页面传值?self.evalJS("plus.webview.getWebviewById('info.html').name='abc'");后,self.name好像还是'mui'
2015-02-11 02:19
等烟雨

等烟雨

确实是plusready时间没有执行完,解决了,谢谢
2015-02-07 09:06
DCloud_UNI_CHB

DCloud_UNI_CHB (作者)

回复 等烟雨 :
自定义事件要想有响应,必须等目标webview窗口的plusReady事件发生,可能是你的子webview尚未初始化完成造成的,你可以尝试timeout试试。
2015-02-06 17:03
等烟雨

等烟雨

回复 DCloud_UNI_CHB :
你好想问一下,一个主页面预加载一个子页面,并且通过自定义事件传参,这个实现了,然后这个子页面再预载一个子页面并且通过自定义事件传参,就出问题了,但是不知道什么问题,页面是跳转了,但是什么都没有执行,有什么注意事项吗
2015-02-05 18:41
jh201320

jh201320

回复 DCloud_UNI_CHB :
好的,谢谢 去试试
2014-12-11 12:10
DCloud_UNI_CHB

DCloud_UNI_CHB (作者)

回复 jh201320 :
两种方案:
1、在父页面中获得自定义参数后,再将该参数作为子页面的自定义参数传过去;
2、预加载新页面,通过自定义事件实现直接向子页面传递参数
2014-12-10 19:12
jh201320

jh201320

通过mui.openWindow()打开的页面,打开的页面有子页面的,子页面怎么获取到传过来的值
2014-12-10 17:16
moiste

moiste

页面传参有哪些注意事项吗?
2014-09-24 14:11
moiste

moiste

大小写改了,但是一样undefined
2014-09-24 14:10