之前做小程序的時候就使用過頁面的傳值，但是一直沒寫寫成博客。今天有個網友問我頁面怎么傳值，我就寫寫下來，讓他去看看。 
之前做iOS開發的時候就有很多頁面傳值的應用，什么正向傳值，反向傳值，跨頁面傳值等。實現的方式有：通知，本地儲存，公開屬性，代理，單例等。 
那么小程序有哪些呢？

小程序頁面傳值的方式

/*          
 *  頁面傳值:1.正向傳值：上一頁面 -->  下一頁面
 *              1.url傳值
 *              2.本地儲存
 *              3.全局的app對象
 *          2.反向傳值：下一頁面 -->  上一頁面
 *              1.本地儲存
 *              2.全局的app對象
 */
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

這里正向傳值有3種，反向傳值有2種，如有遺漏歡迎補充。 
這里的url傳值只能是正向傳值，其他的本地儲存和全局的app對象既可以正向傳值也可以反向傳值。

項目結構

pages
  -- Apage  // 頁面A
  -- Bpage  // 頁面B
app.js
app.json
app.wxss
1
2
3
4
5
6
1
2
3
4
5
6

效果圖

正向傳值的實現

url傳值

url傳值，希望你已經看了wx.navigateTo(OBJECT)。 

這里說了頁面路勁可以像GET請求一樣拼接參數，那么怎么獲取這個參數呢? 
這個不知道大家發現沒，在每個頁面的.js文件里面都默認會生成生命周期的幾個方法，其中：

/**
 * 生命周期函數--監聽頁面加載
 */
onLoad: function (options) {

},
1
2
3
4
5
6
1
2
3
4
5
6

這個是待有參數options的。這里就需要利用它了。

A頁面代碼

var goodsid3 = 'A2B3'
wx.navigateTo({
  url: '../Bpage/index?goodsId=' + goodsid3,
})
1
2
3
4
1
2
3
4

B頁面代碼

/**
 * 生命周期函數--監聽頁面加載
 */
onLoad: function (options) {
  // 這里是獲取 url里面的參數
  var goodsid3 = options.goodsId;
  this.setData({
    AtB3: goodsid3
  })
},