微信小程序eventChannel页面间事件通信通道

可以运用在父子组件或点击下一个页面传值回上一个页面
一、当前页面跳转下一页注册监听 events，监听被打开页面的回调

wx.navigateTo({url: 'home?id=1',<!-- events 监听被打开页面发送到当前页面的数据 -->events: {<!-- 给指定事件添加监视器，获取被打开页面传回当前页面的数据 --><!-- 被打开页面进行回调 -->accessDataForm: function(data) {console.log(data)},homeEvent: function(data) {console.log(data)}...},success: function(res) {<!-- 通过eventChannel向被打开页面传值 -->res.eventChannel.emit('accData', { data: 'id_number' })}
})

二、被打开的页面调用

Page({onLoad: function(option){<!-- 获取事件对象 -->const eventChannel = this.getOpenerEventChannel()<!-- 通知上一页，传回参数，响应函数 --><!-- 改变上一页监听的数据时调用 -->eventChannel.emit('accessDataForm', {data: 'id_number'});eventChannel.emit('homeEvent', {data: 'id_number'});<!-- 监听accData事件，获取上一页面通过eventChannel传到当前页面的数据 -->eventChannel.on('accData', function(data) {console.log(data)})}
})

微信小程序eventChannel页面间事件通信通道相关推荐

如何在微信小程序的页面间传递数据？
知晓程序注: 我们在之前发布过小程序页面传值方法的 ,说明了在小程序开发中,两种常见的页面之间传值方法. 本期,「知晓程序」为你带来的是「倒数记日」小程序开发者带来的,小程序开发中,有关页面间数据传递 ...
微信小程序父子页面间得数据传递（对象或者数组）
1.页面跳转时向子页面传入数据父页面js goexit() { //跳转方法var data = JSON.stringify(this.data.data.follow) // this.data ...
微信小程序页面栈_微信小程序之页面传值(路由、页面栈、globalData、缓存)
1. 通过url带参数传递 1.1 固定参数传递例如,从 list 页面到 detail 页面, 传递一个或多个固定值 list页面传值: 点此进入 detail detail页面取值: onLoa ...
【调试模式】微信小程序和华为开发板通信
文章目录开发环境开发板UDP接口 UDP服务器创建流程开启UDP服务器完整代码(不含LED部分) 相关函数说明微信UDP客户端创建流程 UDP客户端完整代码(不含LED部分) 效果图参考资料 ...
微信小程序--简单页面跳转
微信小程序--简单页面跳转例如:点击一个text ,跳转入一个新的页面blueberry.wxml 首先对text 设置监听事件 <view bindtap="toast" ...
如何在本机上利用IIS网页发布实现微信小程序与数据库之间的通信
主要思想: 下面就login(登录)部分做出方案微信小程序首先要构建一个界面和逻辑模式 WXML部分: <!--< ...
微信小程序webview页面使用painter生成海报
微信小程序webview页面使用painter生成海报因为要在webview下生成海报,需要使用cover-view,根据接口返回数据动态更新海报内容,微信小程序生成海报组件有wxa-plugin- ...
微信小程序开发系列 (四) ：微信小程序的页面跳转路由设计
笔者由于工作需要,曾经参加过一个微信小程序同 SAP 系统集成的项目,因此从零开始学习了微信小程序的开发知识.这里通过系列文章把自己所学分享出来,希望对相关学习者有所帮助. 本教程前面三篇文章: 微信 ...
wxPageMixins：为微信小程序Page页面增加mixins功能
起步由于之前学习vue源码,在vue源码中学到了如何针对不同的选项参数进行合并,并且为了学以致用,所以就写了一个简单的用于合并微信小程序Page构造数参数的工具函数.因为笔者最近在做微信小程序开发的 ...

微信小程序eventChannel页面间事件通信通道

微信小程序eventChannel页面间事件通信通道相关推荐

最新文章

热门文章