博客

可以运用在父子组件或点击下一个页面传值回上一个页面


一、当前页面跳转下一页注册监听 events，监听被打开页面的回调

wx.navigateTo({
  url: 'home?id=1',
  <!-- events 监听被打开页面发送到当前页面的数据 -->
  events: {
    <!-- 给指定事件添加监视器，获取被打开页面传回当前页面的数据 -->
    <!-- 被打开页面进行回调 -->
    accessDataForm: function(data) {
      console.log(data)
    },
    homeEvent: function(data) {
      console.log(data)
    }
    ...
  },
  success: function(res) {
    <!-- 通过eventChannel向被打开页面传值 -->
    res.eventChannel.emit('accData', { data: 'id_number' })
  }
})

二、被打开的页面调用

Page({
  onLoad: function(option){
    <!-- 获取事件对象 -->
    const eventChannel = this.getOpenerEventChannel()
    <!-- 通知上一页，传回参数，响应函数 -->
    <!-- 改变上一页监听的数据时调用 -->
    eventChannel.emit('accessDataForm', {data: 'id_number'});
    eventChannel.emit('homeEvent', {data: 'id_number'});
    <!-- 监听accData事件，获取上一页面通过eventChannel传到当前页面的数据 -->
    eventChannel.on('accData', function(data) {
      console.log(data)
    })
  }
})