微信小程序踩坑----頁面間傳值(對象、數組)

當小程序頁面間跳轉時可以通過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
    })
  }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章