uniapp 进行路由跳转传递对象时 `Unexpected end of JSON input`

最新推荐文章于 2024-10-30 16:53:46 发布

嗬呜阿花

最新推荐文章于 2024-10-30 16:53:46 发布

阅读量318

点赞数 2

分类专栏： uniapp 文章标签： vue js

本文链接：https://blog.youkuaiyun.com/weixin_44987713/article/details/118332105

版权

uniapp 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种解决在小程序中父组件向子组件传递复杂对象时出现的URL编码问题的方法，通过使用encodeURIComponent进行编码，并在接收端用decodeURIComponent解码，确保了对象数据的完整性和正确性。

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

app调试时，父组件向子组件传递对象：
原来是这样写的：

//父组件
//推荐商品跳转
		toPick(e){
			uni.showToast({title: '推荐商品'+JSON.stringify(e)});
			console.log("JSON.stringify(e)===>>>",JSON.stringify(e))
			uni.navigateTo({
				url:'../goodDetail/goodDetail?obj='+JSON.stringify(e)
			})
		}
//子组件
onLoad(option) {
			this.obj= JSON.parse(option.obj)
			console.log("-----------",this.obj)
		}

报错原因：参数中有不识别的字符
在这里插入图片描述
解决办法：使用encodeURIComponent编码

//父页面
toPick(e){
			uni.showToast({title: '推荐商品'+JSON.stringify(e)});
			console.log("JSON.stringify(e)===>>>",JSON.stringify(e))
			uni.navigateTo({
				url:'../goodDetail/goodDetail?obj='+encodeURIComponent(JSON.stringify(e))
			})
}
//子页面
onLoad(option) {
			//decodeURIComponent解码
			this.obj= JSON.parse(decodeURIComponent(option.obj))
			console.log("-----------",this.obj)
		}