tnblog
首页
视频
资源
登录

MUI页面之间传值的两种方法

4268人阅读 2019/11/19 16:25 总访问:7986 评论:6 收藏:0 手机
分类: 一般处理程序

分析:MUI是一个封装了Html5+的框架,所以当然也可以用href来跳转,但是在移动端会出现白屏闪动的现象,用户体验极不好,经过不断的探索,mui官方封装了一个专门用来跳转页面的方法:openWindow()


方法一:openWindow()


在父页面写openWindow()方法来跳转页面

    mui.openWindow({        url: "info.html",//跳转的页面    id: "info.html",//id        extras:{//拓展参数,也就是我们要传的的值    name:"username",    id:"infoid"    }    })


子页面

mui.plusReady(function() {    //获取父页面webview对象    var self = plus.webview.currentWebview();    //参数    alert(self.name);    alert(self.id);})

当然这里有个坑,我也是踩多了后面才懂,很多人会说为啥我写了这两个方法怎么没效果呀,hbuilerX右上角有个预览可以看到我们页面的效果,但是在里面这两个方法的功能是没效果,在开发APP的时候,最好用模拟器和手机来调试,不然你会会以为是你写的代码有问题,本来反复敲过很多次,后面才知道自己入坑。



方法二:通过本地储存传值

父页面:

//这个东西类似于键值对存取值一样,前者为Key,后者在ValuelocalStorage.setItem('username', 'admin');localStorage.setItem('id', '001');

子页面:

//通过key来取值

var name = localStorage.getItem('username');var id = localStorage.getItem('id');

这两种方法都可用,入坑的次数越多,你成长就越快,本人亲测,希望对各位即将秃顶的同行有帮助!


评价
呵呵
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术