家里总停电

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

电脑版发表于:2019/11/14 14:54

分析: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,后者在Value
localStorage.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}}
猜你喜欢