小程序不同页面之间方法互相调用

小程序自基础库 2.7.3 开始在wx.navigateTo()页面跳转方法中加入了events属性,通过此属性可以实现不同页面之间的方法互相调用和传递数据

相关文档链接:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html

代码示例:
页面A

wx.navigateTo({
  url: 'pages/pageB',
  events: {
    // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
    pageDataB: function(data) {
      console.log('页面B触发事件时传递的数据1:',data)
    },
    someEvent: function(data) {
      console.log('页面B触发事件时传递的数据2:',data)
    }
  }
})

页面B

onLoad: function(){
    const eventChannel = this.getOpenerEventChannel()
    // 通过触发相关事件传递数据
    eventChannel.emit('pageDataB', {toPageA: '这是发送到页面A的数据1'});
    eventChannel.emit('someEvent', {data: '这是发送到页面A的数据2'});
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容