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。
- js:
4.页面通信uni.$emit(eventName,OBJECT)
为啥encodeURIComponent
过就能传输更长的参数了?
注意
不能传输含有%
的参数【报Bug】页面跳转uni.navigateTo 通过 encodeURIComponent(JSON.stringify()) 编码内容出现% 子页面解码时出错 - DCloud问答
参考
标签:官网,url,app,传参有,globalData,uni,encodeURIComponent,页面 来源: https://blog.csdn.net/qq_31646657/article/details/115586049