uni-app url 传参有长度限制么?

答案是:有

url有长度限制,太长的字符串会传递失败,可使用窗体通信全局变量,或encodeURIComponent等多种方式解决,如下为encodeURIComponent示例。

限制有多长?

很长,几百K左右吧。

如何传递超过URL长度限制的参数

1.encodeURIComponent

<navigator :url="'/pages/test/test?item='+ encodeURIComponent(JSON.stringify(item))"></navigator>
// 在test.vue页面接受参数
onLoad: function (option) {
    const item = JSON.parse(decodeURIComponent(option.item));
}

注意:用encodeURIComponent不能传输含有%的参数,【报Bug】- DCloud问答

2.eventChannel

3.全局变量globalData

  • 第一步:在App.vue中配置全局变量
<script>  
    export default {  
        globalData: {  
            text: 'text'  
        }
    }  
</script>
  • 第二步:在页面中操作全局变量
    • js:getApp().globalData.text = 'test'
    • onLaunch时:getApp对象还未获取,暂时可以使用this.$scope.globalData获取globalData。

4.页面通信uni.$emit(eventName,OBJECT)

为啥encodeURIComponent过就能传输更长的参数了?

注意
不能传输含有%的参数【报Bug】页面跳转uni.navigateTo 通过 encodeURIComponent(JSON.stringify()) 编码内容出现% 子页面解码时出错 - DCloud问答


参考

  1. uni.navigateTo - uni-app官网
  2. App.vue - uni-app官网
  3. uni-app官网
  4. 页面通讯 - uni-app官网
  5. uni-app官网
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值