博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
MUI框架学习(2)-页面间传值
阅读量:5940 次
发布时间:2019-06-19

本文共 782 字,大约阅读时间需要 2 分钟。

hot3.png

从列表打开详情页面,并向其传值的时候时候,可以添加窗口的自定义事件,并进行监听:

window.addEventListener('customEvent',function(event){
//通过event.detail可获得传递过来的参数内容
});
在列表页面触发自定义事件即可:

mui.fire(targetPage,'customEvent',{//自定义事件参数});

 

新闻列表页面:

mui.init({preloadPages:[{id:'detail.html',url:'detail.html'}]});var detailPage = null;//添加列表项的点击事件mui('.mui-content').on('tap', 'a', function(e) {var id = this.getAttribute('id');//获得详情页面if(!detailPage){detailPage = plus.webview.getWebviewById('detail.html');}//触发详情页面的newsId事件mui.fire(detailPage,'newsId',{id:id});//打开详情页面mui.openWindow({id:'detail.html'});});

详情页面代码如下:

//添加newId自定义事件监听window.addEventListener('newsId',function(event){//获得事件参数var id = event.detail.id;//根据id向服务器请求新闻详情.....})

除此之外还可以使用localstorage进行传值,缺点是没法进行预加载。

转载于:https://my.oschina.net/mickelfeng/blog/829446

你可能感兴趣的文章
从Demo到日千万PV,就是快! – 爱线下的上云实践
查看>>
Linux 时钟精度 与 PostgreSQL auto_explain (explain timing 时钟开销估算)
查看>>
架构师速成-架构目标之可用性
查看>>
云栖TechDay精华文章合集
查看>>
Java 深、浅克隆
查看>>
设计模式(八)之单例模式
查看>>
协同过滤算法 R/mapreduce/spark mllib多语言实现
查看>>
粗略的看下两款Linux下的性能分析工具
查看>>
Eclipse中使用SVN
查看>>
php 超长用省略号代替
查看>>
两种 js下载文件的方法(转)
查看>>
Eclipse 每行 79 字符限制的提示线
查看>>
ECMALL SEO 问题的解决方法
查看>>
Mysql中limit的用法详解
查看>>
数据防泄漏(中文版)
查看>>
老外谈设计: 2015年WEB设计趋势
查看>>
汽车之家数据平台架构
查看>>
揭秘百度核心技术:53位专家纯干货分享
查看>>
IIS与COM组件权限的问题
查看>>
Contact Bubble View
查看>>