美文网首页前端小记Web前端之路mpvue
小程序不同页面之间方法互相调用

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

作者: 革易 | 来源:发表于2019-10-11 18:11 被阅读0次

小程序自基础库 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'});
  }

相关文章

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

    小程序自基础库 2.7.3 开始在wx.navigateTo()页面跳转方法中加入了events属性,通过此属性可...

  • 小程序之社交

    主要内容:小程序调用AppApp调用小程序App分享小程序小程序自身分享功能小程序与H5交互小程序之间互相跳转绘制...

  • 小程序学习笔记-4:页面之间跳转

    上一篇:小程序学习笔记-3:页面结构和布局 本篇内容* 页面与页面之间的跳转 小程序页面跳转有以下几种方法: ...

  • 前端iframe跨域问题分析

    前端开发中会用到iframe,页面之间互相调用方法,有时候可能出现无法调用的情况,控制台会报如上的错误: acce...

  • H5小程序不同页面之间通讯解决方案

    小程序做开发的时候难免需要不同页面之间的通讯,比如首页打开新的页面搜索获取结果返回到首页,不同tab页面之间的数据...

  • dubbo基础

    dubbo框架就相当于一个通用的soa框架,在分布式开发中.不同的服务器之间要互相调用方法时,互相调用比较麻烦,所...

  • 生命周期

    小程序生命周期 小程序注册完成后,加载页面,触发onLoad方法。 页面载入后触发onShow方法,显示页面。 首...

  • 微信小程序-注册page时做了什么

    小程序中的每一个页面, 都有一个对应的js文件, 调用js文件内的Page方法注册页面示例, Page方法接受一个...

  • vue iframe子页面–父级页面间方法调用

    (1)子页面调用父页面的方法 父页面 子页面调用 (2)父页面调用子页面的方法 子页面 父页面调用 iframe_...

  • 小程序中生命周期

    每个小程序都需要在 app.js 中调用 App 方法注册小程序实例,绑定生命周期回调函数、错误监听和页面不存在监...

网友评论

    本文标题:小程序不同页面之间方法互相调用

    本文链接:https://www.haomeiwen.com/subject/nusxmctx.html