小程式的頁面傳參

我們在小程式的實際開發中總會遇到頁面直接需要傳遞參數進行渲染和判斷的需求,小程式的頁面傳參可以這樣來實現。

首先獲取到需要傳遞的參數。

<view class=”box” bindtap=”shangpin” data-id=”{{aitem.id}}”></view>

 

 

先用view標籤里用data-id把參數保存到

 

 

 

下一步在js中var index = e.currentTarget.dataset.id獲取到這個id ,列印一下確認無誤後

使用上一篇寫的跳轉方

 wx.navigateTo({
    url: ‘detail/detail?id=’+index
})
攜帶著參數跳轉到指定頁面,

 

跳轉之後就可以在頁面的onload里列印options來獲取參數

onLoad: function (options) {
    wx.showLoading({
      title: ‘正在載入中’,
  });
    console.log(options)
    var index = options.id
}
列印出來id後確認無誤就可以進行之後的操作啦。

 

Tags: