小程序頁面跳轉傳參

首先我們有這么一種需求，就是我在一個列表中點擊了某個item，跳轉到詳情界面，那么我就需要把item的實體數據從列表頁面傳遞到詳情頁面，那么我們來看看微信小程序給我們提供的API:

這里大家可以清楚看到api中說到的如何傳遞參數，其實它這里指的參數僅僅是一些普通的數據類型，我們要傳遞的實體是object類型，那么我們需要先把實體轉成string類型進行傳遞，在詳情頁面接受到在逆向轉成實體，如下面這段示例：

//這里我們跳轉詳情界面
queryItemClick: function (e) {
    var that = this
    //拿到點擊的index下標
    var index = e.currentTarget.dataset.index
    //將對象轉為string
    var queryBean = JSON.stringify(that.data.queryList[index])
    wx.navigateTo({
      url: '../queryResult/queryResult?queryBean=' + queryBean,
    })
  }

 

這里我們用JSON.stringify()函數將實體轉成string類型進行傳遞，那么我們在看看接收參數：

/***重點內容* * 生命周期函數--監聽頁面加載 */
  onLoad: function (options) {
    var that=this
    var queryBean = JSON.parse(options.queryBean);
    that.setData({
      queryBean: queryBean
    })
    //console.log(that.data.queryBean)
  }

這里我們在生命周期函數onLoad中獲取我們傳遞的實體轉的字符串，然后用JSON.parse（）轉成實體，最后賦值給我們的全局變量。

如果我們想要傳遞Json對象 也可以通過這樣的方式進行傳遞。