微信小程序-全局数据共享/页面间通信

news/2024/12/28 14:49:15/

一.全局数据共享

声明全局的变量,在app.js文件里

App({//全局共享的数据globalData:{token:''},//设置全局数据setToken(token){this.globalData.token=token}})

使用 getApp() 获取全局App实例

//返回全局唯一的APP实例
const appInstance=getApp()Page({login(){console.log(appInstance)appInstance.setToken('11111')}})

二.页面间通信

上级页面使用回调函数参数eventChannel的emit方法发送数据给下级页面
使用events对象处理下级页面返回的数据

Page({//点击按钮触发事件处理函数handler(){wx.navigateTo({url: '/pages/list/list',events:{//key:被打开页面的发射的事件//value:回调函数currentEvent:(res)=>{console.log(res)}},success(res){//通过回调函数获取eventChannel并发射数据res.eventChannel.emit('myevent',{name:'tom'})}})}
})

下级页面使用eventChanel的on方法监听发送的数据,使用emit方法发送数据给上级页面

Page({onLoad(){//获取eventChannel事件const eventChanel = this.getOpenerEventChannel()//监听发射的事件eventChanel.on('myevent',(res)=>{console.log(res)})//也可以发数据eventChanel.emit("currentEvent",{age:10})}})

http://www.ppmy.cn/news/1543294.html

相关文章

3D点云与2D图像的相互转换:2D图像对应像素的坐标 转为3D空间的对应坐标

2d ----> 3d 对应像素到空间坐标的转换 参考:深度相机,通过2d检测得到目标坐标系的3d检测框_深度图到相机坐标-CSDN博客

【webpack学习】

webpack由于历史包袱导致复杂,只要把握关键流程即可 webpack的主要流程loader plugin难点:HMR / 懒加载 原理webpack 的优化手段 构建工具对比 webpack :可以打包任何资源,配置略复杂,适合项目开发rollup&#xff1…

网络搜索引擎Shodan(2)

声明:学习视频来自b站up主 泷羽sec,如涉及侵权马上删除文章 声明:本文主要用作技术分享,所有内容仅供参考。任何使用或依赖于本文信息所造成的法律后果均与本人无关。请读者自行判断风险,并遵循相关法律法规。 感谢泷…

JavaScript 赛博八音盒调制《ENDER LILIES-Harmonious》

前言 原谅我&#xff0c;在手写完数据之后实在没有精力和耐心再去整理逻辑的格式&#xff0c;而我手边又没有电脑. 最好复制下来到编辑器整理一下. js内有几个空格用了中文&#xff0c;自行替换. <div id "container"> <div id"play"> <p…

【04】RabbitMQ的集群机制

1、RabbitMQ的性能监控 关于RabbitMQ的性能监控&#xff0c;在管理控制台中提供了非常丰富的展示。例如&#xff1a;首页这个整体监控页面&#xff0c;就展示了非常多详细的信息&#xff1a; 还包括消息的生产消费频率、关键组件的使用情况等等非常多的消息。都可以在这个管理…

【Python单元测试】pytest框架单元测试 配置 命令行操作 测试报告 覆盖率

单元测试&#xff08;unit test&#xff09;&#xff0c;简称UT。本文将介绍在Python项目中&#xff0c;pytest测试框架的安装&#xff0c;配置&#xff0c;执行&#xff0c;测试报告与覆盖率 pytest简介 pytest是一款流行的&#xff0c;简单易上手的单元测试框架&#xff0c;…

大话C++:第24篇 文件

1 文件概述 文件是指一组相关数据的有序集合&#xff0c;这个数据集的名称叫做文件名。文件通常是驻留在外部介质&#xff08;如磁盘等&#xff09;上的&#xff0c;在使用时才调入内存中来&#xff0c;这就是为什么对文件操作时需要打开和关闭的原因。 根据数据的存储方式&a…

【数据仓库】

数据仓库&#xff1a;概念、架构与应用 目录 什么是数据仓库数据仓库的特点数据仓库的架构 3.1 数据源层3.2 数据集成层&#xff08;ETL&#xff09;3.3 数据存储层3.4 数据展示与应用层 数据仓库的建模方法 4.1 星型模型4.2 雪花模型4.3 星座模型 数据仓库与数据库的区别数据…