uniapp路由传参（传递一个对象）

最新推荐文章于 2025-05-26 10:31:37 发布

huang-de-jun

最新推荐文章于 2025-05-26 10:31:37 发布

阅读量931

点赞数 4

CC 4.0 BY-SA版权

文章标签： uni-app javascript 前端

本文链接：https://blog.csdn.net/hdj0511/article/details/137268080

本文介绍了如何在uni-app应用中，通过`letobj`对象将参数序列化为`queryParams`，并通过`uni.navigateTo`进行页面跳转。目标页面通过`decodeURIComponent`和`JSON.parse`接收并解析传入的参数。

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

// 源页面
let obj = { param1: 'value1', param2: 'value2' };
let queryParams = encodeURIComponent(JSON.stringify(obj));
uni.navigateTo({
  url: `/pages/destinationPage?params=${queryParams}`
});

// 目标页面（destinationPage）
import {onLoad} from "@dcloudio/uni-app";
onLoad((data : any) => {
		let obj = JSON.parse(decodeURIComponent(data.params));
		console.log(obj); // { param1: 'value1', param2: 'value2' }
	})