您的位置:首页 > 产品设计 > UI/UE

6、mui 页面传参

2016-08-23 17:12 330 查看
4000

一资料参考

二打开新页面
A页面

B页面

三自定义
A页面

B页面

一、资料参考

mui 官方文档 打开新页面:http://dev.dcloud.net.cn/mui/window/#openwindow

二、打开新页面

参数从A页面(A.html)传到B页面(B.html)。

1. A页面

mui.openWindow({
id: 'goods_info.html',
url:'goods_info.html',
waiting: {
autoShow:true,//自动显示等待框,默认为true
title:'正在加载...',//等待对话框上显示的提示内容
},
extras: {
goods_id: id,//左边的id要与B页面的相同
},
show: {
autoShow:false,
aniShow: 'slide-in-right',
duration: 300
},
});


2. B页面

mui.plusReady(function() {//一定要放到plusReady里面来
var self = plus.webview.currentWebview();
var id = self.goods_id;//右边的id要与A页面的相同
});


三、自定义

1. A页面

goods_list = plus.webview.getWebviewById('goods_list.html');
mui.fire(goods_list, 'typeid',{
typeid:'2'
});


2. B页面

window.addEventListener('goods_name',function(event){
var typeid = event.detail.typeid;
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  mui页面传参