zoukankan      html  css  js  c++  java
  • 小程序跳转页面怎么携带数据

    当数据比较少时可以直接放在query里面

    发送页

      wx.navigateTo({

       url: '/pages/test/test?dataObj='+JSON.stringify(this.data.dataObj)

    }

    接受页 

     onLoad:function(options){  

      this.dat.dataObj= JSON.parse(options.dataObj);//解析得到对象

    }

    当数据比较大时

    发送页
    wx.navigateTo({
      url: 'test?id=1',
      events: {
        // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
        acceptDataFromOpenedPage: function(data) {
          console.log(data)
        },
        someEvent: function(data) {
          console.log(data)
        }
        ...
      },
      success: function(res) {
        // 通过eventChannel向被打开页面传送数据
        res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })
      }
    })
    //接收页
    Page({
      onLoad: function(option){
        console.log(option.query)
        const eventChannel = this.getOpenerEventChannel()
        eventChannel.emit('acceptDataFromOpenedPage', {data: 'test'});
        eventChannel.emit('someEvent', {data: 'test'});
        // 监听acceptDataFromOpenerPage事件,获取上一页面通过eventChannel传送到当前页面的数据
        eventChannel.on('acceptDataFromOpenerPage', function(data) {
          console.log(data)
        })
      }
    })
    

    参考链接  https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html

  • 相关阅读:
    生成二维码
    IIS与Apache同时使用80端口
    C# 时间类型
    EXT 省市三级联动及默认选择
    拼音首字母查询汉字内容
    web.config
    使用input=file上传
    Js 扩展
    Linux 调试错误
    图的最短路径Dijkstra
  • 原文地址:https://www.cnblogs.com/dengsicode/p/12668161.html
Copyright © 2011-2022 走看看