之前做小程序的時(shí)候就使用過(guò)頁(yè)面的傳值，但是一直沒(méi)寫寫成博客。今天有個(gè)網(wǎng)友問(wèn)我頁(yè)面怎么傳值，我就寫寫下來(lái)，讓他去看看。 
之前做iOS開(kāi)發(fā)的時(shí)候就有很多頁(yè)面?zhèn)髦档膽?yīng)用，什么正向傳值，反向傳值，跨頁(yè)面?zhèn)髦档?。?shí)現(xiàn)的方式有：通知，本地儲(chǔ)存，公開(kāi)屬性，代理，單例等。 
那么小程序有哪些呢？

小程序頁(yè)面?zhèn)髦档姆绞?/h2>

/*          
 *  頁(yè)面?zhèn)髦?1.正向傳值：上一頁(yè)面 -->  下一頁(yè)面
 *              1.url傳值
 *              2.本地儲(chǔ)存
 *              3.全局的app對(duì)象
 *          2.反向傳值：下一頁(yè)面 -->  上一頁(yè)面
 *              1.本地儲(chǔ)存
 *              2.全局的app對(duì)象
 */
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

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

項(xiàng)目結(jié)構(gòu)

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

效果圖

正向傳值的實(shí)現(xiàn)

url傳值

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

這里說(shuō)了頁(yè)面路勁可以像GET請(qǐng)求一樣拼接參數(shù)，那么怎么獲取這個(gè)參數(shù)呢? 
這個(gè)不知道大家發(fā)現(xiàn)沒(méi)，在每個(gè)頁(yè)面的.js文件里面都默認(rèn)會(huì)生成生命周期的幾個(gè)方法，其中：

/**
 * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
 */
onLoad: function (options) {

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

這個(gè)是待有參數(shù)options的。這里就需要利用它了。

A頁(yè)面代碼

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

B頁(yè)面代碼

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