6、mui 页面传参

来源:互联网 发布:头像源码 编辑:程序博客网 时间:2024/05/01 20:15

  • 一资料参考
  • 二打开新页面
    • 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; });
0 0