uniapp跳转页面携带对象
时间: 2023-08-22 20:05:42 浏览: 121
在uni-app中,可以通过以下方法实现跳转页面并携带对象参数:
1. 在跳转前,将需要传递的对象参数转为JSON字符串,然后使用encodeURIComponent进行编码,并拼接在url后面。例如:
```
const url = '/pages/detail/detail'; // 要跳转的页面路径
const obj = { id: 123, name: 'test' }; // 要传递的对象参数
const params = encodeURIComponent(JSON.stringify(obj)); // 将对象参数转为JSON字符串,并使用encodeURIComponent编码
uni.navigateTo({ url: `${url}?params=${params}` }); // 跳转页面并传递对象参数
```
2. 在跳转后的页面中,通过onLoad事件获取传递的对象参数,并使用decodeURIComponent解码,然后转为对象。例如:
```
// 在detail.vue页面中
<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [【Web前端】uni-app页面跳转uni.navigateTo传递对象参数](https://blog.csdn.net/Dawson_Ho/article/details/126239325)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [uniapp怎么传跳转页面并传递对象参数](https://blog.csdn.net/weixin_60415789/article/details/130266300)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文