微信小程序navigateBack时向上级页面传递参数

最新推荐文章于 2023-10-25 11:06:39 发布

蓝色六一

最新推荐文章于 2023-10-25 11:06:39 发布

阅读量832

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/qq_39241544/article/details/117743980

版权

小程序专栏收录该内容

8 篇文章 0 订阅

订阅专栏

全局变量

globalData增加状态变量

EventChannel

微信官方示例代码

设置监听

wx.navigateTo({
  url: 'test',
  events: {
    // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
    onFun1: function(data) {
      console.log(data)
    },
    onFun2: function(data) {
      console.log(data)
    }
  },
  success: function(res) {
    // 通过eventChannel向被打开页面传送数据
    res.eventChannel.emit('onFun3', { data: 'test3' })
  }
})

navigateBack时使用eventChannel.emit触发监听，传递参数

//test.js
Page({
  onLoad: function(){
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.emit('onFun1', {data: 'test1'});
    eventChannel.emit('onFun2', {data: 'test2'});
    // 监听onFun3事件，获取上一页面通过eventChannel传送到当前页面的数据
    eventChannel.on('onFun3', function(data) {
      console.log(data)
    })
  }
})