微信小程序怎麽實現頁面的(de)傳參

作者：龍 時(shí)間：2018-07-31 浏覽：

在vue中，我們也(yě)會遇到這(zhè)樣的(de)問題，頁面之間的(de)跳轉需要傳遞參數，借鑒一下(xià)vue的(de)傳參方式，下(xià)面來(lái)看小程序是如何實現頁面間的(de)傳參

1.監聽(tīng)全局變量

在頁面跳轉的(de)時(shí)候設置全局變量，在頁面跳轉之後，去獲取此全局變量

<!--獲取應用(yòng)的(de)實例-->
const app = getApp()


<!--父頁面-->
<!--那麽可(kě)以在頁面跳轉的(de)時(shí)候設計一個(gè)全局變量-->
pagesDerict:function(e){
    console.log(e)
    app.id = e.currentTarget.dataset.songid  <!--3304-->
    wx.navigateTo({
      url: '../player/player'
    })
  } 

<!--子頁面-->

 onLoad: function (options) {
    console.log(options.id)<!--3304-->
  }

<!--如此就是實現了(le)頁面的(de)參數傳遞-->

2.通(tōng)過跳轉的(de)url實現

代碼實現如下(xià)：

<!--父頁面-->
 playsong:function(e){
    <!--将元素的(de)表示通(tōng)過data-*的(de)方式綁定成屬性，然後通(tōng)過dataset的(de)方式獲得(de)，拼接在url上-->
    wx.navigateTo({
      url: '../player/player'+"?id="+e.currentTarget.dataset.songid<!--3304-->
    })
  } 
  
  <!--子頁面-->
   onLoad: function (options) {
    console.log(options.id)<!--3304-->
    
    
   )
  }