【Uniapp-Vue3】使用uni.$emit和$on页面通讯实现发布成功即时更新数据

我们有一个页面A,我们在A中可以上传一条数据,但是数据在页面B进行展示。

想要实现A中上传数据后页面B中立刻更新数据。

首先,在页面A中使用uni.$emit方法:

uni.$emit("事件名称", 发送数据);

在页面B中使用uni.$on方法:

uni.$on("事件名称", (e)=>{

// 处理逻辑

})

相关推荐
非凡ghost12 小时前
PixPin截图工具(支持截长图截动图) 中文绿色版
前端·javascript·后端
૮・ﻌ・13 小时前
Vue2(一):创建实例、插值表达式、Vue响应式特性、Vue指令、指令修饰符、计算属性
前端·javascript·vue.js
2501_9160088913 小时前
手机 iOS 系统全解析,生态优势、开发机制与跨平台应用上架实践指南
android·ios·智能手机·小程序·uni-app·iphone·webview
半生过往13 小时前
2025 前端动效实战指南:Vue Bits & React Bits 深度拆解(功能 / 复用 / 高频问题处理)
前端·vue.js·react.js
程序员包打听13 小时前
Vitest 4.0 重磅发布:Browser Mode 正式稳定,前端测试进入新纪元
前端
BumBle13 小时前
UniApp 多页面编译优化:编译时间从10分钟到1分钟
前端
星链引擎13 小时前
大语言模型的技术突破与稳定 API 生态的构建
前端
还是大剑师兰特13 小时前
TypeScript 面试题及详细答案 100题 (71-80)-- 模块与命名空间
前端·javascript·typescript
BumBle13 小时前
使用 SortableJS 实现vue3 + Element Plus 表格拖拽排序
前端·vue.js·element
玉宇夕落13 小时前
HTML5 音乐敲击乐静态界面
前端