小程序路由传参,传递对象参数,json字符串解析失败

小程序的传参方式都是通过拼接在url后面进行传参,通常只需要绑定传参id,将id绑定为{{item.id}},在点击事件里面使用event.currentTarget的方式接受

wx.navigateTo({
      url: 'orderDetail/orderDetail?id=' + event.currentTarget.id
    })

但你需要传递的参数为对象时,
传输之前将对象转为json字符串

let obj=JSON.stringify(e.currentTarget.dataset.item);
wx.navigateTo({
      url: 'orderDetail/orderDetail?id=' + event.currentTarget.id + '&detail=' + obj,
    })

但是因为url的长度有限,对象太长,结果发现拼接在URL之后不完整,导致之后解析不出来,
所以路由传参对象时要注意,传参的对象不能太长。

接收方式:

onLoad:function(options){
    let item=JSON.parse(options.obj);
    this.setData({detail:item});
  },

你可能感兴趣的:(小程序)