方法 performance db2 EaselJS vue路由 jquery查找子元素 android入门实例 oracle增加主键 python正则匹配中文 完全去vm去虚拟化工具 kubernetes入门 kubernetes集群 python循环 python中sort函数 python迭代 python字典get python环境变量配置 java编程语言 java获取当前时间 java怎么获取当前时间 java日期转时间戳 javascript源代码 gtx1030 0x8002801c python游戏代码 php取整函数 微信猜拳 小米8游戏模式 免费图片文字识别软件 设备管理器在哪 文件粉碎工具 igfxtray dnf胜利的证明有什么用 炫舞爱的惊喜 内存条有什么用 黑域怎么用 画图3d 冬青黑体简体中文 lol改皮肤软件 下拉框默认选中
当前位置: 首页 > 学习教程  > 编程语言

微信小程序eventChannel页面间事件通信通道

2020/9/19 15:14:51 文章标签:

可以运用在父子组件或点击下一个页面传值回上一个页面
一、当前页面跳转下一页注册监听 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)
    })
  }
})

本文链接: http://www.dtmao.cc/news_show_200231.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?