mui 父页面向子页面正经传值

最新推荐文章于 2023-06-02 14:06:11 发布

原创最新推荐文章于 2023-06-02 14:06:11 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

网页布局专栏收录该内容

3 篇文章

订阅专栏

本文介绍了在mui框架下，如何在父页面通过点击事件向子页面传递数据，并详细展示了数据传递的代码实现过程，包括定义变量、事件处理函数以及子页面接收数据的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mui真的是个很神奇的app开发框架，对于我这个新手小白来说还算行，好废话不多说，今天来讨论打开一个新页面时父页面像子页面传值的过程。
父页面：
首先定义要传的a,b,c.
onclick=dustDetail("’ + a + ‘","’ + b + ‘","’ + c + ‘")>查看图表 )’,
在这里插入图片描述
这里是一个全局变量，然后把a,b,c分别赋值：
这是在数据请求成功后我我们所需要的传的值。把他分别赋给a,b,c.
onclick=dustDetail("’ + a + ‘","’ + b + ‘","’ + c + ‘")>查看图表 )’,
这里点击事件中的a,b,c是需要传的值
点击事件里包含下面两个函数
在这里插入图片描述

根据url跳转对应的页面
function openWin(url) {
var data = url.split(’?’);
//获取参数
params = {};
if(data.length > 1) {
var arr = data[1].split(’&’);
arr.filter(function(item) {
var childArr = item.split(’=’);
params[childArr[0]] = childArr[1];
});
}
mui.openWindow({
url: data[0],
id: data[0],
show: {
autoShow: true, //页面loaded事件发生后自动显示，默认为true
aniShow: “slide-in-right”, //页面显示动画，默认为”slide-in-right“；
duration: “200” //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
},
extras: params,
waiting: {
autoShow: true, //自动显示等待框，默认为true
title: ‘正在加载…’ //等待对话框上显示的提示内容
}
});
}

子页面：
mui接受函数
mui.plusReady(function(){
var self = plus.webview.currentWebview();
var timeName = self.name;
var b=self.BelongedTo;
var c=self.RecordNumber;
}）；