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

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

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

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

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

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

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

// 处理逻辑

})

相关推荐
yi碗吃不够1 小时前
websocket自动重连封装
前端·vue.js·websocket
程序员小续2 小时前
Node.js学习指南
开发语言·前端·javascript·node.js·ecmascript·es6
林涧泣3 小时前
【Uniapp-Vue3】uniCloud获取数据时限制字段
uni-app
Wu_zpeng4 小时前
第二篇:前端VSCode常用快捷键-以及常用技巧
前端·ide·vscode
学如逆水,不进则退4 小时前
uniapp引入cloudflare人机验证
uni-app
SomeB1oody4 小时前
【Rust自学】20.2. 最后的项目:多线程Web服务器
服务器·开发语言·前端·后端·设计模式·rust
垚垚 Securify 前沿站4 小时前
深入剖析 CSRF 漏洞:原理、危害案例与防护
前端·网络·安全·web安全·网络安全·xss·csrf
TurtleOrange5 小时前
VSCode编辑前端快速开发模板
前端
陪你去流浪_6 小时前
Vue el-input密码输入框 按住显示密码,松开显示*;阻止浏览器密码回填,自写密码输入框;校验输入非汉字内容;文本框聚焦到内容末尾;
前端·javascript·vue.js