当前位置: 首页 > news >正文

在uniapp中通过自定义事件使页面之间传递数据

在uniapp中,可以使用uni.$emit来在页面之间传递数据。uni.emit是一个事件触发器,可以在一个页面中触发一个自定义事件,并在其他页面中监听和处理这个事件。

// A页面
uni.$emit('dataChanged', { message: 'Hello from A page!' });

在接收数据的页面(例如B页面)中,你可以使用uni.$on来监听这个自定义事件,并处理传递过来的数据:

// B页面
uni.$on('dataChanged', (data) => {console.log(data.message); // 输出:Hello from A page!
});

在B页面中,当A页面触发了'dataChanged'事件时,B页面的监听器会被触发,并且可以获取到传递过来的数据。

需要注意的是,uni.emit和uni.on必须在页面的生命周期内使用,通常在页面的created或mounted生命周期函数中使用。

http://www.lryc.cn/news/229311.html

相关文章:

  • 【Windows Docker:安装nginx】
  • ElasticSearch7.x - HTTP 操作 - 查询文档操作
  • 基于opencv+tensorflow+神经网络的智能银行卡卡号识别系统——深度学习算法应用(含python、模型源码)+数据集(一)
  • 如何使用`open-uri`模块
  • activiti7审批驳回,控制变量无法覆盖,导致无限循环驳回,流程无法结束
  • 世界互联网大会|云轴科技ZStack受邀分享云原生超融合
  • k8s ingress基础
  • 【网络奇缘】我和英特网再续前缘
  • node插件MongoDB(四)—— 库mongoose 的条件控制(三)
  • 【Amazon】云上探索实验室—了解 AI 编程助手 Amazon Codewhisperer
  • 【安卓13】谷歌原生桌面launcher3 禁止桌面图标拖拽和所有应用拖拽
  • SA实战 ·《SpringCloud Alibaba实战》第13章-服务网关:项目整合SpringCloud Gateway网关
  • 海外ASO优化之谷歌商店的评论优化
  • IP-guard Webserver view 远程命令执行漏洞【2023最新漏洞】
  • 专访|OpenTiny 社区 Mr 栋:结合兴趣,明确定位,在开源中给自己一些技术性挑战
  • 2023年11月PHP测试覆盖率解决方案
  • matlab模糊控制文件m代码实现和基础理论
  • Java设计模式-创建型模式-单例模式
  • 社区分享|杭银消费金融基于MeterSphere开展接口自动化测试
  • 阿里云2核2G云服务器99元一年!3M带宽的ECS云服务器哦
  • 【工程部署】在RK3588上部署OCR(文字检测识别)(DBNet+CRNN)
  • Dockerfile运行容器不立即退出
  • 基因检测技术的发展与创新:安全文件数据传输的重要作用
  • Flink SQL自定义标量函数(Scalar Function)
  • 【第2章 Node.js基础】2.4 Node.js 全局对象(二) process 对象
  • 觉非科技发布【轻地图高速NOA智驾方案】|地平线,觉非科技,MobileDrive超捷生态协作实现技术落地
  • 竞赛 车道线检测(自动驾驶 机器视觉)
  • 128. 最长连续序列
  • 设计模式-设计原则
  • MongoDB基础运维