微信小程序页面跳转传参

首先小程序页面跳转能够传递参数的API有

• wx.navigateTo()
  保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面
• wx.reLaunchTo()
  关闭所有页面，打开到应用内的某个页面
• wx.redirectTo()
  关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

在用wx.navigateTo()进行跳转是，需要将json对象的数据转化为字符串的形式

我们需要通过这两个函数将json数组进行类似于打包解包的过程。

JSON.stringify();//将json转成字符串传值
JSON.parse();//将字符串转成对象接收 

这是我们跨页面传递的json数组

var json = [
        {
    
        "gender": "性别",
        "weight": "重量"
        }
      ]

接下来就是通过路径带参数，将参数转化为字符串格式，传递到目标页面

 wx.navigateTo({
    
   //url填写你要跳转的页面
   url: './../index/index?json=' + JSON.stringify(json) //将json数组转化为字符串

同时传递过去后，我们需要在目标页将传递过来的参数拿出来

/** * 生命周期函数--监听页面加载 */
onLoad: function (options) {
    
  var list = JSON.parse(options.json) //第一页传过来的字符串转化为json数组
  console.log(list)