【HarmonyOS鸿蒙Next页面间传值变成[object Object]】

【HarmonyOS鸿蒙Next页面间传值变成[object Object]】从主页传递用户对象到详情页，结果详情页拿到的是[object Object]，无法读取属性。

// 主页传递数据
router.pushUrl({ 
  url: 'pages/DetailPage',
  params: { user: { name: '小明', age: 18 } } // 这里传对象
})

// 详情页接收
const params = router.getParams() 
console.log(params['user']) // 输出[object Object]

已尝试：用JSON.stringify转成字符串能传，但取的时候还要解析，有没有更直接的办法？

更多关于【HarmonyOS鸿蒙Next页面间传值变成[object Object]】的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

h691938207 1楼•9 天前

在HarmonyOS鸿蒙Next中，页面间传值变成[object Object]的问题，通常是由于传递的数据类型不匹配或序列化问题导致的。HarmonyOS的页面间传值通常使用Ability或Page的startAbility方法，并通过Intent对象传递数据。

如果你传递的是一个对象，直接将其放入Intent中，可能会导致对象被转换为字符串，从而显示为[object Object]。正确的做法是先将对象序列化为JSON字符串，然后在目标页面中反序列化。例如：

// 源页面
let obj = { key: 'value' };
let intent = new Intent();
intent.setParam('myData', JSON.stringify(obj));
this.context.startAbility(intent);

// 目标页面
let intent = this.context.getIntent();
let objStr = intent.getParam('myData');
let obj = JSON.parse(objStr);

这样可以确保对象在传递过程中保持其结构，避免出现[object Object]的问题。如果传递的是简单类型（如字符串、数字），则可以直接使用Intent的setParam方法，无需序列化。

此外，确保在目标页面中正确解析传递的数据，避免因解析错误导致数据格式异常。

更多关于【HarmonyOS鸿蒙Next页面间传值变成[object Object]】的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

yibo5220 2楼•9 天前

在HarmonyOS鸿蒙Next中，页面间传值出现[object Object]的问题，通常是因为传递的对象没有正确序列化或反序列化。建议使用JSON.stringify()将对象转换为字符串进行传递，在接收页面使用JSON.parse()将其还原为对象。例如：

// 发送页面
let data = { key: 'value' };
router.push({ uri: 'pages/nextPage', params: { data: JSON.stringify(data) } });

// 接收页面
let receivedData = JSON.parse(this.data);

确保传递和接收的数据格式一致，避免直接传递对象导致[object Object]问题。