微信小程序中不同頁面間的參數傳遞

1. 從樣式頁面WXML向邏輯頁面JS傳遞點擊事件的響應函數中傳遞參數

<!--此為樣式頁面-->
<block wx:for="{{postList}}" wx:for-item="item" wx:for-index="idx">
    <view catchtap="onPostTap" data-postid="{{item.postId}}">
        <template is="postItem" data="{{...item}}"/>
    </view>
</block>    

//此為邏輯層代碼
onPostTap: function (event){
    var postId = event.currentTarget.dataset.postid;
    wx.navigateTo({
        url: "post-detail/post-detail?id=" + postId;
    })
}

　　樣式頁面通過data-***來傳遞；邏輯層頁面通過event.currentTarget.dataset.***（只接受小寫）來接收，多用於在wx: for中告知邏輯層用戶所點擊模塊的序號

 

　　2. wx.navigate通過url跳轉頁面時向所要跳轉到的頁面傳遞參數

//需要傳遞的參數名為postId
wx.navigateTo({
    url: "post-detail/post-detail?id=" + postId
})

//另一頁面接收參數
onLoad: function (option) {
    var postId = option.id;
}    

 

注：以上為七月老師在慕課網視頻的學習筆記