tnblog
首页
视频
资源
登录

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

4587人阅读 2019/11/14 14:54 总访问:91891 评论:1 收藏:0 手机
分类: .NET MVC

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

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

评价
网络上你重拳出击,现实中你刚上初一
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术