美文网首页
小程序页面跳转传递对象

小程序页面跳转传递对象

作者: FE晓伟哥 | 来源:发表于2019-07-15 16:16 被阅读0次

例如将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
      })
  }
})

相关文章

网友评论

      本文标题:小程序页面跳转传递对象

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