微信小程序——消息页面通信（消息的发布与订阅）

最新推荐文章于 2024-01-31 04:21:22 发布

dbt@L

最新推荐文章于 2024-01-31 04:21:22 发布

阅读量1.2k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_43201350/article/details/112836109

版权

微信小程序专栏收录该内容

124 篇文章 16 订阅

订阅专栏

本文讲解了如何在前端页面1和后端页面2间使用PubSub实现数据交互，通过发布('musicId')和订阅('musicId')事件，实现实时消息传递。通过示例展示了如何绑定事件、触发事件及取消订阅，适合初学者理解事件驱动编程在前后端协作中的应用。

摘要由CSDN通过智能技术生成

消息页面通信

绑定事件
1. 事件名
2. 事件的回调
3. 订阅方: PubSub.subscribe(事件名，事件的回调)
4. 订阅方式接受数据的一方
触发事件
1. 事件名
2. 提供事件参数对象，等同于原生事件的event对象
3. 发布方: PubSub.publish(事件名，提供的数据)
4. 发布方是提供数据的一方

案例

页面1

demo() {
let musicId = 123
// 发布消息
	PubSub.publish('musicId', musicId) // 事件名，提供的数据
}

页面2

demo1() {
// 订阅消息
    PubSub.subscribe('musicId', (msg, musicId) => { // 事件名，事件回调
   // 此处可进行一些操作，如请求接口数据
      // 取消订阅
      PubSub.unsubscribe('musicId')
    })
}