微信小程序踩坑----页面间传值(对象、数组)

当小程序页面间跳转时可以通过url携带参数来进行页面间参数传递。以?开始写参数,多个参数之间用&隔开。

    wx.navigateTo({
      url: '../workRecord/updateBatch?id=233&age=18&name='+name 
    })

在跳转的界面中的onLoad函数中用options.id的形式调出刚刚传的参数id

onLoad: function (options) {
    var that = this
    var id = options.id
    console.log(id)
  }

需要特别指出的是,这种传参方式只支持简单的参数传递,像数字、字符串之类的可以直接传递。对象和数组需要用JSON.stringify()转成字符串再进行传递。然后在跳转页面的onLoad函数中用JSON.parse()转成原型再使用。

    var listData = JSON.stringify(that.data.listData)
    var taskArray = JSON.stringify(that.data.taskArray)
    wx.navigateTo({
      url: '../workRecord/updateBatch?listData=' + listData + '&taskArray=' + taskArray 
    })
onLoad: function (options) {
    var that = this
    var listData = JSON.parse(options.listData)
    var taskArray = JSON.parse(options.taskArray)
    that.setData({
      listData: listData,
      taskArray: taskArray
    })
  }

猜你喜欢

转载自blog.csdn.net/xie_cinnamon/article/details/81814196
今日推荐