tnblog
首页
视频
资源
登录

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

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

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


方法一:openWindow()


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

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


子页面

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

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



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

父页面:

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

子页面:

//通过key来取值

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

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


评价

baby

2019/11/19 16:52:27

好丑[哈哈]

剑轩:@baby似乎达成了共识

2019/11/19 16:55:10 回复

瑾冰

2019/11/19 16:52:30

[阴险]

忘掉过去式

2019/11/19 16:52:57

你很丑 但是你很温柔

小可爱

2019/11/19 16:53:50

[可怜][可怜]博主好帅

是伍尚金哇_v

2019/11/19 17:01:18

卧槽,这也太帅了吧

MUI学习一 :hbuilderx常用快捷键

Dg:document.getElementById("")Dq:document.querySelectorAll("")Clog: console.log();

MUI学习二: 调试状态看console.log等

看console.log上面点击一下即可也可以在浏览器上看把连接复制上去即可这样就可以了

MUI学习三: MUI事件

点击事件在浏览器上不行的问题mui的tag事件在浏览器上调试是不行的,要使用模拟器或者真机调试才行当然click事件还是可以执...

MUI中的的意思

其实就是mui的别名而已//代码开始(function($, doc) { $.init();})(mui, document);//代码结束上面的$是mui的别名

MUI轮播图与显示小圆点

html:<divclass="mui-slider"> <divclass="mui-slider-groupmui-slider-loop"> <...

MUI框架-移动端跳转以及传值的简单方法(修改解决方法)

纠结了两天的MUI跳转的问题,终于解决了 ,现在分享给大家,希望大家有什么坑的解决也给我分享分享 哈哈,废话不多说,上代...

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

分析:MUI是一个封装了Html5+的框架,所以当然也可以用href来跳转,但是在移动端会出现白屏闪动的现象,用户体验极不好,经...

MUI与vue.js结合实现上拉加载

我们在使用mui与vue.js结合起来的时候会导致上拉加载失败,是因为vue.js生成的时候影响了demo节点,我们只要先用vue初始化...

MUI上拉加载的坑

首先是和vue.js结合起来用容易出现的坑:http://www.tnblog.net/aojiancc/article/details/2838要注意html结构:这两个样式...

MUI 点击上拉加载

首先在想获取加载下一页数据时的div外设置一个想要加载的div如:<divclass="mui-content-padded"style="...

MUI 页面传值

根据想要传的值来传到对应的页面去像这样的<divclass="am-list-main"> <h3class="am-list-item-h...

MUI-app之评论

//显示数据的布局页面 //因为涉及到评论人和回复人所以要绑定两次数据具体如下 <divid="comment"v-for=&quo...

MUI框架页面间的传值指针

把时髦的技术挂在嘴边,不如把过时的技术记在心里。 今天我们说的是关于MUI,一个封装了Html5+的框架间页面传值问题一,在h...

MUI 关于点击事件失效的一些原因

有时候我们总会遗忘一些小细节,老是怨天怨电脑,这不行那不行的,凡是都是要细心,成功还是得看细节。所以说,以后我们敲...

MUI地址栏传值的方法

地址栏传值与接收值摘要:也是种传值的方式第一步 :输入你要传值的内容location.href="main.html?Username="+$...
呵呵
排名
85
文章
4
粉丝
16
评论
6
拉起第三方软件登陆
剑轩 : 卧槽厉害啊
MUI页面之间传值的两种方法
是伍尚金哇 : 卧槽,这也太帅了吧
MUI页面之间传值的两种方法
我的青春我做主 : 你很丑 但是你很温柔
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术