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

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

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

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

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

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

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

// 处理逻辑

})

相关推荐
蜗牛攻城狮3 分钟前
CSS中的 `dvh` 与 `vh`: 深入理解视口单位
前端·css
yqcoder9 分钟前
uni-app 之 设置 tabBar
运维·服务器·uni-app
啥都不懂的小小白9 分钟前
Shell脚本编程入门:从零基础到实战掌握
前端·shell
计算机毕设VX:Fegn089522 分钟前
计算机毕业设计|基于springboot + vue球鞋购物系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
东东51626 分钟前
校园短期闲置资源置换平台 ssm+vue
java·前端·javascript·vue.js·毕业设计·毕设
qq_4198540527 分钟前
富文本编辑器
前端
悟能不能悟27 分钟前
VUE的国际化,怎么实现
前端·javascript·vue.js
Mr Xu_32 分钟前
解决 Vue + Axios 热更新导致响应拦截器重复注册的问题
前端·javascript·vue.js
岁岁种桃花儿43 分钟前
NodeJs从入门到上天:什么是Node.js
前端·node.js
colicode1 小时前
语音报警接口开发参考:紧急情况下快速调用语音API发送安全警报
前端·语音识别