在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生命周期函数中使用。

相关推荐
故七月16 分钟前
GEO 信源评估体系:如何判断一条网页信源能否被大模型采信
前端·网络·人工智能
liangshanbo121518 分钟前
Webpack 常见 Plugin 面试题
前端·webpack·node.js
xxwl58520 分钟前
vue3的入门学习
前端·vue.js·学习
用户8471721028421 分钟前
.shot 文件格式规范
前端·后端
web打印社区23 分钟前
政务办事大厅:叫号小票、办理回执网页怎么静默出纸
前端·javascript·vue.js·pdf·html·政务
C++ 老炮儿的技术栈1 小时前
有符号变量与无符号变量的区别
服务器·开发语言·前端·数据结构·c++·算法·c
aixingpan1 小时前
aixingpan.cn API开发文档:api_docs_bichart_natalvssecondary2接口指南
前端·php
liangshanbo12151 小时前
Webpack Tree Shaking 面试题整理
前端·webpack·node.js
去伪存真1 小时前
从乱码到高精度检索:探矿业务中 TXT、Word、PDF 与网页的 RAG 清洗之道
前端·agent
两个西柚呀2 小时前
JS事件总结
前端·javascript·css