基于HBuilder mui页面间传值的几种方式总结
采用MUI开发APP时,页面跳转传值无疑是很多初学者遇到的难题之一,我在开发时也遇到了同样的问题,所以在这里总结了一下,方便以后查阅。
一、页面预加载时传值
mui.init({preloadPages:[{url:prelaod-page-url,id:preload-page-id,styles:{},extras:{name:'zqm'},//在这里添加要传递的参数...},...]});或如下var page = mui.preload({ url:new-page-url, id:new-page-id, styles:{}, extras:{name:'zqm'//自定义扩展参数 }});通过上述方法预加载页面,然后在加载的那个页面中接受参数。
mui.plusReady(function(){var self = plus.webview.currentWebview();var name = self.name;//获得参数});二、通过mui.openWindow打开窗口向页面传递参数
这种传值方法通常我们的做法如下:
在参数生成页面中
mui.openWindow({ id: 'list.html', url: 'list.html', show: {aniShow: 'pop-in'}, extras: {//extras里面的就是参数了name: "zqm" }, waiting: { autoShow: true, //自动显示等待框,默认为true }});在参数接收页面中
mui.plusReady(function(){var self = plus.webview.currentWebview();var name = self.name;//获得参数});通常我们传参就这么进行,但是由于这个页面,多次被打开,发生了类似缓存的现象,所以,有时候这个plusReady不能保证每次都能执行。所以,我增加了一个自定义事件,来改变这个情况,实现方法如下(我是双管齐下,plusReady也获取值,自定义事件也获取值)。
那好,下面我演示一下我的方法(下面这个监听一个按钮,然后打开一个页面);
var apage = null; mui.plusReady(function() {mui.preload({ url: "list.html",id: "list.html", //默认使用当前页面的url作为idstyles: {}, //窗口参数 extras: { name: "预加载的参数" } //自定义扩展参数 });document.getElementById("bbtn").addEventListener('tap',function({if(apage == null) {//要进入list.html,第一次,它肯定为空,所以,此时下面的这个fire方法,是不会执行的。 apage = plus.webview.getWebviewById("list.html"); } mui.fire(apage, 'hahaha',{ name: "zqm" }); apage.show(); }); });接下来,就到了参数接收页面,如下(首先,我们还是要在plusReady里面接收一次,因为你不能保证这次是初次打开还是第二次打开页面,所以,这个还是需要的。)
mui.plusReady(function(){var self = plus.webview.currentWebview();var name = self.name;//获得参数});但是如果这个是非首次打开的话,就不一定进来plusReady了,所以,参数可能接收失败了,这里面,我们就要接收自定义事件传过来的参数了,就是前面我们的fire那里了。
//添加上一个页面自定义事件监听 window.addEventListener('hahaha', function(event) {//获得事件参数var name= event.detail.name; });这样,我们就能把这个参数获取到,双重保证,就没有问题了。(如果你们需要谨慎一些,可以把这个自定义事件的监听延迟个300毫秒,保证接收的概率,因为如果是这个自定义事件优先执行了,然后他又去执行这个plusReady,那就会冲突了。)
三、通过本地存储传值
发送参数的页面:plus.storage.setItem("targetId","123");
接收参数的页面:plus.storage.getItem("targetId");
以上这篇基于HBuilder mui页面间传值的几种方式总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
推荐系统
windows11中文版镜像 微软win11正式版简体中文GHOST ISO镜像64位系统下载
语言:中文版系统大小:5.31GB系统类型:Win11windows11中文版镜像 微软win11正式版简体中文GHOST ISO镜像64位系统下载,微软win11发布快大半年了,其中做了很多次补丁和修复一些BUG,比之前的版本有一些功能上的调整,目前已经升级到最新版本的镜像系统,并且优化了自动激活,永久使用。windows11中文版镜像国内镜像下载地址微软windows11正式版镜像 介绍:1、对函数算法进行了一定程度的简化和优化
微软windows11正式版GHOST ISO镜像 win11下载 国内最新版渠道下载
语言:中文版系统大小:5.31GB系统类型:Win11微软windows11正式版GHOST ISO镜像 win11下载 国内最新版渠道下载,微软2022年正式推出了win11系统,很多人迫不及待的要体验,本站提供了最新版的微软Windows11正式版系统下载,微软windows11正式版镜像 是一款功能超级强大的装机系统,是微软方面全新推出的装机系统,这款系统可以通过pe直接的完成安装,对此系统感兴趣,想要使用的用户们就快来下载
微软windows11系统下载 微软原版 Ghost win11 X64 正式版ISO镜像文件
语言:中文版系统大小:0MB系统类型:Win11微软Ghost win11 正式版镜像文件是一款由微软方面推出的优秀全新装机系统,这款系统的新功能非常多,用户们能够在这里体验到最富有人性化的设计等,且全新的柔软界面,看起来非常的舒服~微软Ghost win11 正式版镜像文件介绍:1、与各种硬件设备兼容。 更好地完成用户安装并有效地使用。2、稳定使用蓝屏,系统不再兼容,更能享受无缝的系统服务。3、为
雨林木风Windows11专业版 Ghost Win11官方正式版 (22H2) 系统下载
语言:中文版系统大小:4.75GB系统类型:雨林木风Windows11专业版 Ghost Win11官方正式版 (22H2) 系统下载在系统方面技术积累雄厚深耕多年,打造了国内重装系统行业的雨林木风品牌,其系统口碑得到许多人认可,积累了广大的用户群体,雨林木风是一款稳定流畅的系统,一直以来都以用户为中心,是由雨林木风团队推出的Windows11国内镜像版,基于国内用户的习惯,做了系统性能的优化,采用了新的系统
雨林木风win7旗舰版系统下载 win7 32位旗舰版 GHOST 免激活镜像ISO
语言:中文版系统大小:5.91GB系统类型:Win7雨林木风win7旗舰版系统下载 win7 32位旗舰版 GHOST 免激活镜像ISO在系统方面技术积累雄厚深耕多年,加固了系统安全策略,雨林木风win7旗舰版系统在家用办公上跑分表现都是非常优秀,完美的兼容各种硬件和软件,运行环境安全可靠稳定。win7 32位旗舰装机版 v2019 05能够帮助用户们进行系统的一键安装、快速装机等,系统中的内容全面,能够为广大用户
番茄花园Ghost Win7 x64 SP1稳定装机版2022年7月(64位) 高速下载
语言:中文版系统大小:3.91GB系统类型:Win7欢迎使用 番茄花园 Ghost Win7 x64 SP1 2022.07 极速装机版 专业装机版具有更安全、更稳定、更人性化等特点。集成最常用的装机软件,集成最全面的硬件驱动,精心挑选的系统维护工具,加上独有人性化的设计。是电脑城、个人、公司快速装机之首选!拥有此系统
番茄花园 Windows 10 极速企业版 版本1903 2022年7月(32位) ISO镜像快速下载
语言:中文版系统大小:3.98GB系统类型:Win10番茄花园 Windows 10 32位极速企业版 v2022年7月 一、系统主要特点: 使用微软Win10正式发布的企业TLSB版制作; 安装过程全自动无人值守,无需输入序列号,全自动设置; 安装完成后使用Administrator账户直接登录系统,无需手动设置账号。 安装过程中自动激活
新萝卜家园电脑城专用系统 Windows10 x86 企业版 版本1507 2022年7月(32位) ISO镜像高速下载
语言:中文版系统大小:3.98GB系统类型:Win10新萝卜家园电脑城专用系统 Windows10 x86企业版 2022年7月 一、系统主要特点: 使用微软Win10正式发布的企业TLSB版制作; 安装过程全自动无人值守,无需输入序列号,全自动设置; 安装完成后使用Administrator账户直接登录系统,无需手动设置账号。 安装过程
相关文章
- 人民币符号怎么打
- 怎么在Excel表格中截图抠图美图
- 企业微信红包是什么,关于企业微信红包知识讲解
- 在excel表格中怎么添加背景音乐?在excel表格中添加背景音乐方法
- excel如何将阿拉伯数字转为中文?
- DVD制作大师Easy DVD Creator如何激活?Easy DVD Creator汉化版安装及注册教程
- 微信iPhone版为什么使用cmwap时显示未连接
- 闪电数据恢复软件恢复存储设备物理坏道以及逻辑错误导致分区丢失的方法介绍
- Word如何快捷地对图片进行裁剪?
- FLASH如何做文字渐变色效果
- excel通过数据模板与vba批量制作csv数据表
- word画图工具使用教程案例红心
- 使用wps将ppt转成pdf的方法
- Excel 2007快速打印一个工作表中指定某个表格方法
热门系统
- 1华硕笔记本&台式机专用系统 GhostWin7 32位正式旗舰版2018年8月(32位)ISO镜像下载
- 2深度技术 Windows 10 x86 企业版 电脑城装机版2018年10月(32位) ISO镜像免费下载
- 3电脑公司 装机专用系统Windows10 x86喜迎国庆 企业版2020年10月(32位) ISO镜像快速下载
- 4雨林木风 Ghost Win7 SP1 装机版 2020年4月(32位) 提供下载
- 5深度技术 Windows 10 x86 企业版 六一节 电脑城装机版 版本1903 2022年6月(32位) ISO镜像免费下载
- 6深度技术 Windows 10 x64 企业版 电脑城装机版2021年1月(64位) 高速下载
- 7新萝卜家园电脑城专用系统 Windows10 x64 企业版2019年10月(64位) ISO镜像免费下载
- 8新萝卜家园 GhostWin7 SP1 最新电脑城极速装机版2018年8月(32位)ISO镜像下载
- 9电脑公司Ghost Win8.1 x32 精选纯净版2022年5月(免激活) ISO镜像高速下载
- 10新萝卜家园Ghost Win8.1 X32 最新纯净版2018年05(自动激活) ISO镜像免费下载
热门文章
- 1迅雷云播“手机看片神器”使用教程(随时随地秒速离线云播放)
- 2微信公众号怎么年审? 微信公众号年审流程及所需材料介绍
- 3Win10怎么设置网络按流量计费 Win10网络设置流量收费教程
- 4i7 6700主频是多少 i7-6700参数详解
- 5win7蓝屏代码7f指什 怎么解决 很严重
- 6Steam提示“需要在线进行更新,请确认您的网络连接正常”怎么办?
- 7安卓手机安装运行win7系统教程 安卓手机装win7系统教程
- 8aoc一体机电脑win10改win7系统及bios设置
- 9高通骁龙8cx怎么样 高通骁龙8cx处理器详细介绍
- 10华硕b460主板装win7系统及bios设置教程 10代CPU安装Win7教程 BIOS设置 U盘启动 完美支持USB驱动
常用系统
- 1深度技术最新版 GHOSTXPSP3 电脑城万能装机版下载 2018年7月
- 2番茄花园 Ghost XP SP3 海量驱动装机版 2021年2月 ISO镜像高速下载
- 3番茄花园 Ghost XP SP3 海量驱动装机版 2022年7月 ISO镜像高速下载
- 4电脑公司 装机专用系统Windows10 x64 企业装机版 版本1507 2021年6月(64位) ISO镜像高速下载
- 5电脑公司 装机专用系统Windows10 x86企业版2019年10月(32位) ISO镜像快速下载
- 6深度技术Ghost Win8.1 x32位 特别纯净版2019年8月(免激活) ISO镜像高速下载
- 7新萝卜家园 Ghost XP SP3系统 电脑城极速纯净版 2021年3月 ISO镜像高速下载
- 8深度技术 Windows 10 x64 企业版 电脑城装机版2020年1月(64位) 高速下载
- 9新萝卜家园Ghost Win8.1 X64位 纯净版2019年1月(自动激活) ISO镜像免费下载
- 10笔记本&台式机专用系统 GhostWin7 32位元旦特别 旗舰版2020年1月(32位) ISO镜像免费下载