小程序中的eventChannel

最新推荐文章于 2024-05-16 15:20:51 发布
最新推荐文章于 2024-05-16 15:20:51 发布
阅读量1.2k 收藏
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_38728634/article/details/103399899
版权

通过wx.navigateTo中，如果当前页面要向被打开页面传参数 的话，需要在当前页面的wx.navigateTo中的success中设置触发函数，在路由被打开页面中的onload、onshow、onready或者点击事件中都可以通过eventChannel 中的on事件拿到当前页面传递的参数
小程序左上角的返回按钮返回事件是不能监听到的，如果想监听只能通过自定义导航栏，也可以在当前页面的unload(销毁)事件中监听，左上角的返回是会销毁当前页面的

o小红帽o
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小程序eventChannel传递参数时报错
张静的博客
01-26 2085
报错信息：“MiniProgramErrornthis.getOpenerEventChannel(…).on is not a functionn” 原因：如果页面不是 navigateTo 跳转进入的， getOpenerEventChannel 将返回空对象。可以检查页面是否可能存在其他进入来源，如首页启动、分享卡片跳入等。 处理：getOpenerEventChannel获取到对象之后做兼容处理： const eventChannel = this.getOpenerEventChannel();
小程序 EventChannel 页面间事件通信通道
qq_56303170的博客
05-14 1295
小程序 EventChannel 页面间事件通信通道 小程序除了通过页面跳转传递query参数，还可以通过EventChannel传递数据 触发事件——当前页面 wx.navigateTo({ url: '../detail/index', success: function (res) { // 通过eventChannel向被打开页面传送数据 res.eventChannel.emit('handleEvent', {detail}) //触
小程序路由跳转---事件通信通道EventChannel（一）
qq_45290368的博客
03-15 1281
小程序路由跳转---事件通信通道EventChannel
学习Uni-app开发小程序Day14
最新发布
qq_34080064的博客
05-16 839
uni-app的页面路由、页面跳转、页面传参、缓存机制
小程序页面间通信——EventChannel（数据量多时）
csdn_823的博客
08-18 1786
小程序页面间通信——EventChannel（数据量多时）
微信小程序使用 ECharts
互联网从业者/大数据架构师/全栈开发者
06-14 2975
echarts-for-weixin 是 ECharts 官方维护的一个开源项目，提供了一个微信小程序组件（Component），我们可以通过这个组件在微信小程序中使用 ECharts 绘制图表。echarts-for-weixin 自身包含很多使用示例，方便我们参考。...
微信小程序navigateTo数据传递EventChannel的使用方法
Echo_A的博客
04-23 2062
三级目录 微信小程序navigateTo数据传递EventChannel的使用方法父页面到子页面数据传递子页面传递数据到父页面 EventChannel：页面间事件通信通道 详细官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/route/EventChannel.html 讲解用到的方法： EventChannel.emit()触发一个事件 EventChannel.on()持续监听一个事件 父页面到子页面数据传递 这两个方法是页面跳转时，
微信小程序路由跳转利用eventChannel进行页面通信
zhang1339435196的博客
11-15 8484
利用eventChannel可以进行页面数据的通信。(发布订阅模式的应用) 主要方法： EventChannel.emit(string eventName, any args) 触发一个事件 EventChannel.on(string eventName, EventCallback fn) 持续监听一个事件 EventChannel.once(string eventName, Even...
小程序精选源码——招聘行业.rar
06-10
在微信小程序中，页面间的跳转通常通过`wx.navigateTo`、`wx.redirectTo`等API实现，而数据传递则可以通过`eventChannel`进行，或者通过全局变量、缓存等方式。 四、源码结构分析 1. pages：存放小程序的各个页面...
weapp-360che-master（微信小程序源码）.zip
11-28
在小程序中，全局数据管理通常通过`wx.setStorageSync`和`wx.getStorageSync`进行本地存储，而页面间的数据传递则依赖于`Page`对象的生命周期方法和`eventChannel`。在`weapp-360che-master`中，我们可以学习如何...
小程序中wx.xx is not a function的报错
03-29
连胜老师今天来说一下小程序后台，运维中心经常报的一个错误：错误提示：wx.getSetting is not a function;at App lifeCycleMethod onLaunch function。   这里的wx.getSetting，可能是其他API，比如wx....
微信小程序页面的生命周期和参数传递
04-18
在本示例项目中，我们将深入探讨微信小程序页面的生命周期和参数传递。 首先，理解页面的生命周期是开发微信小程序的关键。每个小程序页面都有其特定的生命周期，包括加载、显示、隐藏和卸载等阶段。以下是一些关键...
微信小程序学习总结（三）条件、模板、文件引用实例分析
12-28
本文实例讲述了微信小程序条件、模板、文件引用。分享给大家供大家参考，具体如下： 上一节的在遍历的时候控制台中会报错 {{item.name}} 控制台中会显示这个东西 Now you can provide attr “wx:key” for a ...
mpvue踩坑之页面间通信
julywind1的专栏
09-06 1378
小程序自基础库v2.7.3开始提供了页面间通信的机制，很实用，但是一不小心就会出现问题 小程序 this.getOpenerEventChannel is not a function 废话不说，直接上干货 解决此问题，需要确认几个方面： 1. 检查页面的json文件中的内容，确认没有删除usingComponents，哪怕内容为空，也得留着 { "usingComponents"...
微信小程序全栈开发实践 第三章 微信小程序开发常用的API介绍及使用 -- 3.7 网络接口简介（七）学习EventChannel对象
weixin_42580704的博客
12-14 775
零、回顾 在之前我们自定义实现picker-view组件的时候， 曾经使用过一个pop-up的自定义组件， 这个组件可以在底部滑入一个面板， 现在我们把登录按钮放在底部滑入的面板之上， 然后在完成登录以后， 再将这个面板滑出。 一、EventChannel 现在我们使用pop-up这个自定义组件， 可以实现登录面板的滑入滑出， 但是现在还有另外一个问题， 对于使用自动登录整合功能的页面， 它避免不了会有一些代码上的侵入。 对于侵入的代码，我们没有办法完全避免， 但是我们可以尽量减少这种侵入， 在小程
小程序 this.getOpenerEventChannel is not a function
热门推荐
CherryCola_zjl的博客
07-22 1万+
小程序新出的，页面跳转传递数据函数，在使用过程中发现个大bug this.getOpenerEventChannel is not a function;at xx/xxx/xxx page lifeCycleMethod onLoad function 找了半天，原因竟然是 删除了 页面json配置文件的 usingComponents。加上就好了。。。。 { "usingCompone...
微信小程序 页面事件间通信通道
undefined_404的博客
12-18 631
微信小程序 页面事件间通信通道 微信官方文档 EventChannel.emit(string eventName, any args) //像子组件像父组件传值 EventChannel.on(string eventName, EventCallback fn) //持续监听事件 EventChannel.off(string eventName, EventCallback fn) //取消监听监听事件 EventChannel.once(string eventName, EventCallb
微信小程序：EventChannel实现页面间事件通信通道
彭世瑜的博客
09-28 946
基础库 2.7.3 开始支持，低版本需做兼容处理。EventChannel：页面间事件通信通道。
微信小程序事件通道使用教程
hyqhyqhyqq的博客
03-23 1193
需要注意的是，在使用事件通道时，传递的数据类型应该符合小程序的数据格式要求，避免出现无法解析的数据格式或类型错误。同时，在事件通道中，建议使用常量或字符串作为事件名称，便于开发人员进行维护和管理。通过事件通道，一个页面或组件可以向事件通道发送一个事件，其他页面或组件可以通过监听该事件来获取消息并进行相应处理。微信小程序事件通道（事件总线）是用于在小程序多个页面或组件之间通过触发事件进行通信的机制。
小程序eventChannel.on语句
05-25
小程序中的 `eventChannel.on` 是用于监听事件通道的方法，它可以接收两个参数： 1. `eventName`：需要监听的事件名，当该事件被触发时，`eventChannel` 会将数据传递给回调函数。 2. `callback`：事件触发后执行的回调函数，该函数接收一个参数表示传递的数据。 示例代码： ```javascript // 创建事件通道 const eventChannel = this.getOpenerEventChannel() // 监听事件通道 eventChannel.on('eventName', (data) => { console.log(data) }) ``` 在上述代码中，我们首先通过 `getOpenerEventChannel` 方法获取到事件通道对象 `eventChannel`，然后使用 `eventChannel.on` 方法监听事件。当事件名为 `eventName` 的事件被触发时，回调函数将会被执行，并且会将传递的数据作为参数传入回调函数中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值