在微信小程序中,帶數組參數跳轉頁面需要通過JSON序列化和URL編碼處理,以下是具體實現方法
傳遞數組參數?(發送頁面)
wx.navigateTo({url: '/pages/targetPage?arr=' + encodeURIComponent(JSON.stringify(yourArray))
});
接收數組參數?(目標頁面)
Page({onLoad(options) {const arr = JSON.parse(decodeURIComponent(options.arr));this.setData({ receivedArray: arr });}
});
WXML中使用navigator組件傳參
<navigator url="/pages/targetPage?arr={{encodeURIComponent(JSON.stringify(arrayData))}}">跳轉帶數組參數
</navigator>
關鍵注意事項:
- 必須使用JSON.stringify將數組轉為字符串
- 建議配合encodeURIComponent處理特殊字符
- 接收參數時需反向操作JSON.parse+decodeURIComponent
- 單個URL參數長度限制為2KB,大數據建議使用全局變量或緩存
- tabBar頁面跳轉需使用wx.switchTab且不支持傳參