页面间跳转传值---emit&on

业务场景:实现跳转页面时,可以进行跳转前后页面之间的传值,方便进行数据的交互和页面的展示。

思路:单个或多个参数需要传递,可在url路径后携带相关参数。这种情况下,只能实现单一传值,即只能是跳转前页面向跳转后页面传值。也可以通过全局data传值,或data-xx传值。

想要实现跳转前后页面的数据交互,可采用wx.navigateTo的页面间传值。

指路:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#Page.prototype.setData(Object%20data,%20Function%20callback)


https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html


官方文档


wx.navigateTo的events属性

监听被打开页面发送到当前页面的数据

wx.navigateTo成功回调函数的属性值

在被打开的页面可以通过 this.getOpenerEventChannel() 方法来获得一个 EventChannel 对象;

然后通过调用EventChannel 对象的emit方法传递参数,参数形式为(‘接收方法名’,{键值对})

调用EventChannel 对象的on方法监听上个页面的传值,参数形式为(‘监听事件名’,function(data){})

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容