tsx81429 发表于 2025-6-2 16:32:20

微信小程序带数组参数跳转页面,微信小程序跳转页面带数组参数

在微信小程序中,带数组参数跳转页面必要通过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且不支持传参

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 微信小程序带数组参数跳转页面,微信小程序跳转页面带数组参数