小程序页面跳转传递对象

例如将a.js页面中的对象传入到b.js页面

a.js:

Page({
  /**
   * 页面的初始数据
   */
  data: {
    testObj:[
      {id:'1',type:'1'},
      {id:'2',type:'1'},
      {id:'3',type:'2'}
    ]
  },
  toB: function (e) {
    let that = this,
         objData =  that.data.testObj,
        //JSON.stringify()方法用于JavaScript 值转换为 JSON 字符串。
         dataJson = JSON.stringify(objData)
    wx.navigateTo({
        //正确传入方式 通过JSON.stringify()方法转换
        url:`/pages/isB/isB?objData=${dataJson}` 

        //错误方式  objData 未经转换
        // url:`/pages/isB/isB?objData=${objData}`  
        //如果这样传入到b页面 则无法获取正确的对象数据 [Object Object ], [Object Object ], [Object Object ]
    })
  }
})

B页面接收A页面参数

b.js:

Page({
  data:{
    receiveObj:null
  },
  onLoad: function (options) {
    let  objData = options.objData,
        //JSON.parse()将上一页面接收数据转换为javascript对象
         receiveObj= JSON.parse(objData);
      that.setData({
        receiveObj
      })
  }
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,148评论 1 32
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,350评论 0 3
  • 专业考题类型管理运行工作负责人一般作业考题内容选项A选项B选项C选项D选项E选项F正确答案 变电单选GYSZ本规程...
    小白兔去钓鱼阅读 9,062评论 0 13
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,168评论 0 21
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 13,966评论 0 15