uniapp跳转页面传参时数据过大处理

最新推荐文章于 2024-09-26 12:01:10 发布

Liu.774

最新推荐文章于 2024-09-26 12:01:10 发布

阅读量1.7k

点赞数

文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/weixin_72329752/article/details/133856916

版权

博客指出传参数据过大时会超出传参长度限制，导致页面报错。介绍了利用 encodeURIComponent() 方法对字符串作为 URI 组件进行编码，接收时用 decodeURIComponent() 函数进行解码，以解决数据接收不全问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当传参数据过大时，会超出传参长度的限制，导致接收时数据不全因而页面报错。

可以利用encodeURIComponent()方法可以让字符串作为 URI 组件进行编码，传入一个字符串，含有 URI 组件或其他要编码的文本，返回URIstring 的副本，其中的某些字符被十六进制的转义序列转换成对应的ACSII字符。。

//传值的页面
uni.navigateTo({
    url: '/page/index?obj=' + encodeURIComponent(JSON.stringify(obj))   //因为接收参数是字符串，所以使用JSON.stringify()把数据转换成字符串
})

接收时可以用decodeURIComponent() 函数把字符串作为 URI 组件进行解码，传入一个字符串，含有 URI 组件或其他要编码的文本，返回URIstring 的副本，其中的某些字符被十六进制的转义序列转换成对应的ACSII字符。

 //接受参数的页面
onLoad(option) {
    this.data = JSON.parse(decodeURIComponent(option.obj))  //此时传过来的数据是字符串类型，所以直接使用decodeURIComponent解码，然后再使用JSON.parse()解析
}