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

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

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

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

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

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

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

// 处理逻辑

})

相关推荐
万能程序员-传康Kk22 分钟前
食物数据分析系统vue+flask
前端·vue.js·flask
老华带你飞1 小时前
音乐网站|基于SprinBoot+vue的音乐网站(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·音乐网站
Mark.10241 小时前
uniapp项目打包的微信小程序,设置uni-popup type=“bottom“时,底部有空隙
微信小程序·uni-app·notepad++
是程序喵呀1 小时前
uni-app使用web-view组件APP实现返回上一页
前端·uni-app
Joker Zxc2 小时前
【前端基础】9、CSS的动态伪类(hover、visited、hover、active、focus)【注:本文只有几个粗略说明】
前端·css
2401_837088502 小时前
CSS flex:1
前端·css
发呆小天才yy6 小时前
uniapp 微信小程序使用图表
前端·微信小程序·uni-app·echarts
@PHARAOH8 小时前
HOW - 在 Mac 上的 Chrome 浏览器中调试 Windows 场景下的前端页面
前端·chrome·macos
源码云商10 小时前
Spring Boot + Vue 实现在线视频教育平台
vue.js·spring boot·后端
月月大王10 小时前
easyexcel导出动态写入标题和数据
java·服务器·前端