微信小程序:EventChannel实现页面间事件通信通道

简介: 微信小程序:EventChannel实现页面间事件通信通道

文档

EventChannel:页面间事件通信通道

基础库 2.7.3 开始支持,低版本需做兼容处理。

方法

// 触发一个事件
EventChannel.emit(string eventName, any args)
// 持续监听一个事件
EventChannel.on(string eventName, EventCallback fn)
// 监听一个事件一次,触发后失效
EventChannel.once(string eventName, EventCallback fn)
// 取消监听一个事件。给出第二个参数时,只取消给出的监听函数,否则取消所有监听函数
EventChannel.off(string eventName, EventCallback fn)

使用示例

pageA.js

// 改变this 指向
let that = this
// 由pageA 打开 pageB
wx.navigateTo({
  url: '/pages/pageB/pageB',
  success: function(res) {
    // 监听pageB 的消息
    res.eventChannel.once('on-success', that.handleSuccess)
  }
});

pageB.js

// 向pageA传递消息
this.getOpenerEventChannel().emit('on-post-publish-success')


相关文章
|
1天前
|
小程序
微信小程序—页面滑动,获取可视区域数据
微信小程序—页面滑动,获取可视区域数据
5 2
|
28天前
|
存储 缓存 小程序
微信小程序怎么进行页面传参
微信小程序怎么进行页面传参
36 3
|
2月前
|
JSON 小程序 JavaScript
微信小程序页面传参(多条数据的传递)
本文介绍了微信小程序中页面间参数传递的方法。1) 单个数据传递:通过`wx.navigateTo`将ID拼接在URL中传递,接收页面在`onLoad`中获取。2) 多个参数传递:将数据转换为JSON字符串,然后通过URL参数传递,接收页面同样在`onLoad`中解析JSON恢复数据。3) 提到了JSON作为数据交换格式的基础知识。全文鼓励读者尝试并点赞。
31 1
|
2月前
|
小程序
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
143 0
|
2月前
|
存储 缓存 小程序
微信小程序页面传值的几种方式
微信小程序页面传值的几种方式
|
2月前
|
缓存 小程序 UED
微信小程序如何在切换页面后原页面状态不变
微信小程序如何在切换页面后原页面状态不变
115 0
|
2月前
|
缓存 小程序 开发者
微信小程序如何刷新当前页面
微信小程序如何刷新当前页面
134 0
|
2月前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)
【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)
|
2月前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
|
2月前
|
存储 JSON 小程序
【微信小程序】-- 页面处理总结(三十一)
【微信小程序】-- 页面处理总结(三十一)