Uni-app 页面跳转怎么传递对象
时间: 2024-11-06 20:35:37 浏览: 13
在uni-app中,要从一个页面跳转到另一个页面并传递对象作为参数,可以先将对象转换为查询字符串形式,然后再拼接到URL中。这里以方式二为例:
**在起始页面(例如`PageA.vue`)进行跳转:**
```javascript
// 假设要传递的对象是
const obj = {
id: 1,
name: 'uniapp',
};
// 使用JSON.stringify将对象序列化为字符串
const serializedObj = JSON.stringify(obj);
// 跳转到`test.vue`页面,同时传递参数
uni.navigateTo({
url: `test?data=${serializedObj}`,
});
```
**在目标页面(例如`test.vue`)接收并解码参数:**
```javascript
export default {
onLoad: function (options) {
if (options.data) {
// 解析查询字符串
const params = options.data.split('=');
const decodedObj = JSON.parse(params[1]);
// 访问参数
console.log('id:', decodedObj.id); // 打印出id
console.log('name:', decodedObj.name); // 打印出name
}
},
}
```
这样,目标页面就可以通过`options.data`接收到原始对象。
阅读全文