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

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

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

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

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

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

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

// 处理逻辑

})

相关推荐
Data_Adventure17 分钟前
SVG动画详解:animate与animateTransform
前端·svg
wangbing112534 分钟前
开发指南120-表格(el-table)斑马纹
javascript·vue.js·elementui
越来越无动于衷39 分钟前
若依项目AI 助手代码解析
vue.js·人工智能·elementui·ruoyi
Joe55639 分钟前
antDesignVue中a-upload上传组件的使用
前端·javascript
WKK_40 分钟前
el-select 实现分页加载,切换也数滚回到顶部,自定义高度
前端·javascript·vue.js·elementui
保持学习ing41 分钟前
帝可得 - 策略管理
java·javascript·vue.js·elementui·若依框架
一口一个橘子41 分钟前
[ctfshow web入门] web78
前端·web安全·网络安全
咔咔库奇42 分钟前
开发者体验提升:打造高效愉悦的开发环境
前端·javascript·vue.js·react.js·前端框架
偶尔的鱼42 分钟前
AI Agent 框架大盘点:Coze、Dify 到 LangChain,哪款是你的菜?
前端·github·ai编程
前端小饭桌44 分钟前
🔥 告别溢出!一文吃透 CSS 文字换行控制技巧 (overflow-wrap/word-break/word-wrap...)
前端