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

最新推荐文章于 2025-09-11 15:21:24 发布

原创最新推荐文章于 2025-09-11 15:21:24 发布 · 464 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #小程序

技术档案专栏收录该内容

39 篇文章

订阅专栏

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

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)
     })
}