美文网首页前端小记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'});
      }
    

    相关文章

      网友评论

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

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