MUI-页面传参数

作者：教程字体：[增加减小] 来源：互联网时间：2017-05-31

本文主要包含mui页面传参,mui页面跳转,mui页面传值,mui页面间传值,mui刷新当前页面等相关知识,教程希望在学习及工作中可以帮助到您

"); </div> 点击第一个页面的标签，跳转到第二个页面，把第一个页面的值也传往目标页面

现在提供两种实现方式

注意：需要在手机运行才可以，用电脑浏览器可能不支持。

第一种方式页面已创建，通过自定义事件传值

first.html

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

        <title>HTML5，MUI方式自定义事件页面传值</title>

        <script src="js/mui.min.js"></script>

        <link href="css/mui.min.css" rel="stylesheet" />

        <script type="text/javascript" charset="utf-8">

            mui.init({

                preloadPages: [{//预加载目标页面

                    'url': 'second.html',

                    'id': 'second.html'

                }]

            });

            window.onload = function() {

                var Page = null;

                document.getElementById("a1").addEventListener('tap', function() {

                    if (!Page) {

                        Page = plus.webview.getWebviewById('second.html');

                    }

                    mui.fire(Page, 'show', {

                        id: 'id1',     //传往second.html的值

                        name: 'name2'  //传往second.html的值

                    });

                    mui.openWindow({ //目标页面

                        id: 'second.html',

                    });

                });

            }

        </script>

    </head>

    <body>

        <a id="a1">跳转</a>

    </body>

</html>

您可能想查找下面的文章:

2017-05-31Hbuilder MUI选项卡pullrefresh_with_tab主动触发切换
2017-05-31HBuilder 获取通话记录（Android）
2017-05-31mui第三方支付DCloud-BeeCloud Pay 无后端开发的支付服务
2017-05-31mui原生日期选择器封装
2017-05-31mui开发app之联网应用传输数据
2017-05-31HBuilder mui ajax
2017-05-31HBuilder mui中的无等待窗体切换是如何实现的
2017-05-31 Hbuilder mui HTML如何使用模板加载数据（一）
2017-05-31mui项目中如何使用原生JavaScript代替jquery来操作dom
2017-05-31mui 怎样监听scroll事件的滚动距离

MUI-页面传参数

您可能想查找下面的文章:

相关文章

文章分类

最近更新的内容