小程序使用eventChannel实现跳转页面传参

最新推荐文章于 2025-05-11 15:41:41 发布

uglyduckling0412

最新推荐文章于 2025-05-11 15:41:41 发布

阅读量444

点赞数

分类专栏：技术档案文章标签：前端 javascript 小程序

本文链接：https://blog.youkuaiyun.com/uglyduckling0412/article/details/123871804

版权

技术档案专栏收录该内容

39 篇文章

订阅专栏

本文通过father.js和son.js的示例，详细讲解了如何在小程序中利用eventChannel进行页面间的参数传递，实现更灵活的数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

father.js

wx.navigateTo({
   url: '/pages/son/son',
   success: function(res) {
    // 通过eventChannel向被打开页面传送数据
    res.eventChannel.emit('acceptDataFromOpenerPage', { title: '张三' })
   }
})

son.js

onload(){
	const eventChannel = this.getOpenerEventChannel()
    eventChannel.on('acceptDataFromOpenerPage', function(data) {
          console.log(data)
     })
}