呵呵

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

电脑版发表于:2019/11/19 16:25

分析: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');

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


关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢