页面跳转传递对象（mpvue+小程序）_vue小程序中页面传对象-优快云博客

法一：必须在需要跳转的页面中先使用 JSON.stringify(obj)对需要传递的对象数据进行转换（转换为json格式的数据），把转换后的数据接在 url后面。最后在跳转显示的页面先使用JSON.parse(json) 转换为js类型的数据。

例：在跳转需要跳转的页面中，需要传递对象o：

editOrder (o) {
   let data = JSON.stringify(o)
    wx.navigateTo({
      url: '/pages/order/components/amend/main?id=' + o.product_id + '&data=' + encodeURIComponent(data)
    })
  }

在跳转显示的页面中，接收传递对象o：

data () {
  return {
    product_data: '',
    product_id: ''
  }
},
mounted () {
  this.product_data = JSON.parse(decodeURIComponent(this.$root.$mp.query.data))
  this.product_id = this.$root.$mp.query.id
}

如果碰到下面这种情况，可以进行上面方法中的encode编码处理
如果不进行encode格式转换会报错
法二：也可以通过缓存的办法来进行数据传递（暂未测试）
————————————————
版权声明：本文为优快云博主「海阔天空.」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/weixin_41804429/article/details/81174577