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

最新推荐文章于 2024-05-27 18:24:16 发布

原创最新推荐文章于 2024-05-27 18:24:16 发布 · 1k 阅读

2 ·

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

GEO检测

标签

#uni-app #javascript #前端

收录于

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

// 源页面
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' }
	})