uni-app小程序页面传值数据过长问题

在通过url进行页面传值时，传递数据过长（如：base64图片数据）或数据包含特殊字符（如：?），这样传递的数据会不完整，而报错。
遇到这样的情况可以 转成编码格式传递
encodeURIComponent弄成编码
decodeURIComponent解析编码

// A页面-传递参数
let obj = {value:"???"
};
uni.navigateTo({url:`/pages/home/index?data=${encodeURIComponent(JSON.stringify(obj))}`
});
// B页面-接收参数
onLoad(options) {let obj = JSON.parse(decodeURIComponent(options.data));
}

uni-app小程序页面传值数据过长问题相关推荐

多种详细讲解小程序页面传值
开发小程序,总是避免不了页面和页面之间数据共享,实现方法有很多种,今天就详细讲解下小程序页面传值,需要的朋友可以参考下. 1 使用wx.navigateTo()传值这种传值方式有两种, url后面拼 ...
微信小程序页面传值文本解密问题
微信小程序页面传值文本解密问题遇到问题最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解 ...
微信小程序——页面传值
微信小程序--页面传值 1.页面正向传值主要用于从页面A直接跳转到页面B时的传值. 通过url参数传值: //pageA wx.navigateTo({url: '/pages/pageB?page ...
小程序向Java传值,微信小程序页面传值详解
微信小程序页面传值详解一. 跨页面传值. 1 . 用 navigator标签传值或 wx.navigator, 比如这里将good_id=16 参数传入detail页面, 然后detail页面的 ...
小程序页面之间数据传递的五种方法
小程序页面之间数据传递的五种方法目录小程序页面之间数据传递的五种方法 **使用 `wx.navigateTo()` 时,在 url 中拼接,这种方法适用于数据量少的情况** **使用 `wx.na ...
vue用公共组件页面传值_微信小程序页面传值、组件间通信总结
小程序是一种新的开放能力,开发者可以快速地开发一个小程序.小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验.对于微信小程序,前端开发应该不陌生,目前也是非常火,很多公司都会进行开发.对 ...
小程序页面传值、页面与组件通信方式总结
在小程序开发中,页面传值经常会用到,如果有调用组件和插件的话还会涉及到页面与组件的通信传值等,今天我是想来总结下微信小程序页面和组件传值. 一.页面与页面的传值 1.跳转的url带参传值微信小程序页 ...
小程序页面传值的方式
小程序页面间传值,从A页面跳转到B页面,传递参数的方式 WXML页面实现使用?+参数的方式进行传值,多个参数时使用&进行拼接 <navigator url="/page/na ...
小程序页面之间数据传递的四种方法
近期再使用小程序开发的时候遇到小程序页面和页面之间的数据传递问题.总结一下大致有以下几种方式实现页面数据传递. 最常见的就是路由传参,使用场景主要是页面汇总的少量数据的传递.以下都以Taro+vue示 ...

uni-app小程序页面传值数据过长问题

uni-app小程序页面传值数据过长问题相关推荐

最新文章

热门文章