uniapp 动态路由传参

最新推荐文章于 2026-05-24 14:08:42 发布

转载最新推荐文章于 2026-05-24 14:08:42 发布 · 2.8k 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://blog.csdn.net/qq_43353619/article/details/106592125

收录于

前端

本文详细介绍了在uniAPP中如何进行动态路由传参，特别是当需要传递多个参数时，如何通过JSON.stringify()将参数对象转换为字符串进行传递，并在接收端通过JSON.parse()还原为对象。通过实例展示了不使用和使用JSON.stringify()的区别，强调了正确传递和解析参数的重要性。

UNIAPP动态路由传参(传递对象)
如果是传递某一个参数
uniapp路由跳转写法：

openWeb(id){
	uni.navigateTo({
	url:'/pages/index/index?id=' + id
});   // 这个id就是需要传递过去的参数
}

但是我们如果要传递两个或者多个参数呢，写法都差不多，但是需要用上JSON.stringify();

openWeb(obj){
	uni.navigateTo({
	url:'/pages/index/index?id=' + obj
});   // 这个obj就是需要传递过去的参数对象
}

openWeb(obj){
	uni.navigateTo({
	url:'/pages/index/index?id=' + JSON.stringify(obj)
});   // 这个obj就是需要传递过去的参数对象
}

下面再看几张截图：
先看我们要传递过去的两个实参

在这里插入图片描述
首先我们不用JSON.stringify();