wepy中使用eventChannel进行页面传值

最新推荐文章于 2024-10-01 21:50:19 发布

原创最新推荐文章于 2024-10-01 21:50:19 发布 · 851 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

微信小程序专栏收录该内容

2 篇文章

订阅专栏

本文介绍在微信小程序中，不使用vuex的状态管理，如何通过navigateTo方法和eventChannel实现从A页面向B页面传递数据，并在B页面接收及响应这些数据。

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

在不使用vuex的情况下使用微信小程序中的navigateTo方法传值

// a.wpy
// a页面跳转到b页面
wx.navigateTo({
    url: '/pages/b',
    events: {
      // 为指定事件添加一个监听器，获取b页面传送到当前页面的数据
      someEvent: function(data) {
        console.log(data) // {data: 'test'}
      }
    },
    success: function (res) {
      // 通过eventChannel向b页面传送数据
      res.eventChannel.emit('active', { active: 4 })
  }
});

// b.wpy
// 在onLoad生命周期中使用eventChannel监听a页面传过来的数据
 onLoad() {
    const eventChannel = this.$wx.getOpenerEventChannel();
    // 通过eventChannel向a页面传送数据
    eventChannel.emit('someEvent', {data: 'test'});
    // 通过eventChannel监听a页面传过来的数据
    eventChannel.on('active', (data) => {
      console.log(data); // {active: 4}
    });
  },