之(zhī)前做小程序的(de)時(shí)候就(jiù)使用過頁面的(de)傳值，但是(shì)一直沒寫寫成博客。今天有個(gè)網友問我頁面怎麽傳值，我就(jiù)寫寫下來(lái)，讓他(tā)去看看。 
之(zhī)前做iOS開發的(de)時(shí)候就(jiù)有很多頁面傳值的(de)應用，什麽正向傳值，反向傳值，跨頁面傳值等。實現的(de)方式有：通知，本地(dì / de)儲存，公開屬性，代理，單例等。 
那麽小程序有哪些呢？

小程序頁面傳值的(de)方式

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

這(zhè)裏正向傳值有3種，反向傳值有2種，如有遺漏歡迎補充。 
這(zhè)裏的(de)url傳值隻能是(shì)正向傳值，其他(tā)的(de)本地(dì / de)儲存和(hé / huò)全局的(de)app對象既可以(yǐ)正向傳值也(yě)可以(yǐ)反向傳值。

項目結構

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

效果圖

正向傳值的(de)實現

url傳值

url傳值，希望你已經看了(le／liǎo)wx.navigateTo(OBJECT)。 

這(zhè)裏說(shuō)了(le／liǎo)頁面路勁可以(yǐ)像GET請求一樣拼接參數，那麽怎麽獲取這(zhè)個(gè)參數呢? 
這(zhè)個(gè)不(bù)知道(dào)大(dà)家發現沒，在(zài)每個(gè)頁面的(de).js文件裏面都默認會生成生命周期的(de)幾個(gè)方法，其中：

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

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

這(zhè)個(gè)是(shì)待有參數options的(de)。這(zhè)裏就(jiù)需要(yào / yāo)利用它了(le／liǎo)。

A頁面代碼

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

B頁面代碼

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