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

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

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

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

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

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

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

相关推荐
fanruitian23 分钟前
python 进程 线程
java·前端·python
ZoeLandia28 分钟前
React03:useState 与不可变更新
前端·react.js·typescript·react
蒲公英内测分发44 分钟前
智能手表卖出去后,包装、说明书和官网里的 App 下载入口怎么统一?
前端·人工智能·测试工具·智能家居·智能硬件·智能手表
溪语流沙1 小时前
【Web全栈进阶】监控与告警:线上系统的“体检报告”
前端·vue.js·python·fastapi
鬼手点金1 小时前
单轮对话:最简单的 API 调用
java·服务器·前端·javascript·react.js·servlet·tomcat
燕落南枝2 小时前
CSS 字体样式:颜色、字体族、倾斜、加粗与装饰
前端·css
鬼手点金2 小时前
消息的四种角色
java·前端·人工智能·git·深度学习
陈随易2 小时前
副业搞钱之代办永不过时
前端·后端·程序员
古夕2 小时前
同样的 font-weight,为什么这个项目的字体就是更细?
前端·javascript
程序员20072 小时前
抽卡玄学?不,是数学:保底机制下出货概率到底怎么算
前端