微信小程序通過java后台傳的ID值進入不同頁面

微信小程序寫商品列表時或者類似的列表時，會用到wx：for，而這個會有弊端就是你不能通過一條指令進入不同的頁面，如何進入不同的頁面呢，一般后台會傳一個類似於ID的值過來我們就可以根據這些值的不同進入不同的頁面。

還是假如從A頁面進入B頁面，A頁面是一些不同的列表，B頁面是A頁面的詳細內容

 

這是后台傳過來的一部分列表的數據其中就有courseId可以看出courseId的值是不相同的，我們就可以根據這些不同的值進入不同頁面。

 

 

還是通過URL將這些courseId的值傳給下一個頁面代碼如下：

bindtap: function (e) {
let id = this.data.courseList[e.currentTarget.dataset.pos].courseId;
//獲取列表的下標值相對應的courseId然后賦值
wx.navigateTo({
url: '../../pages/trade/tradeParticulars/tradeParticulars?id=' + id
//通過Url將被賦值的ID傳到下一個頁面
})
},

因為在wxml文件中有如下定義：

<view class='index-item-boxs' wx:for="{{courseList}}" wx:key="{{items}}" bindtap='bindtap' data-pos='{{index}}'></view>

data-pos='{{index}}'//獲取列表的下標值

在B頁面中有如下操作：

在onload函數中對URL傳過來的ID進行實例化setData代碼如下：

 

this.setData({
position: options.id
})

 

同時B頁面傳參數的時候將ID當做參數傳給B頁面代碼如下：

 

var params = {
id: this.data.position //記住這里並沒有用that
}

 

position: '',用來記錄ID值在以后其他地方也可以用，如果只用A跳轉B頁面就不需要這一步。列如B頁面跳轉C頁面這個東西就可以加在URL傳過去了代碼如下：

'&id=' + that.data.position（只截取了一部分）