uniapp路由跳转传递对象与接收
时间: 2023-08-10 11:02:59 浏览: 61
在Uniapp中,可以使用路由跳转传递对象数据。下面是一个简单的示例:
在发送方页面(A页面)中,使用uni.navigateTo或uni.redirectTo方法跳转到接收方页面(B页面),并在url中传递对象数据。
```javascript
// A页面
uni.navigateTo({
url: '/pages/BPage/BPage?id=1&name=John'
})
// 或者
uni.redirectTo({
url: '/pages/BPage/BPage?id=1&name=John'
})
```
在接收方页面(B页面)中,可以通过this.$route.query获取传递的对象数据。
```javascript
// B页面
export default {
onLoad() {
console.log(this.$route.query.id) // 输出 1
console.log(this.$route.query.name) // 输出 John
}
}
```
通过上面的示例,你可以在Uniapp中实现路由跳转传递对象数据并在接收方页面获取对象数据。当然,你也可以将更复杂的对象数据转为JSON字符串进行传递,然后在接收方页面进行JSON解析。
相关问题
uniapp跳转页面传递对象
在uni-app中,可以通过使用路由参数来实现页面之间的对象传递。以下是一个示例:
在发送页面的组件中,可以使用`uni.navigateTo`方法跳转到目标页面,并将对象作为参数传递:
```javascript
// 发送页面的组件
uni.navigateTo({
url: '/pages/receive/receive?data=' + JSON.stringify(obj)
})
```
在接收页面的组件中,可以通过`this.$route.query`获取传递的参数,并将其转换为对象:
```javascript
// 接收页面的组件
export default {
onLoad(query) {
const data = JSON.parse(query.data)
console.log(data)
// 对象已成功传递到接收页面
}
}
```
在上述示例中,`obj`是要传递的对象,通过`JSON.stringify`将其转换为字符串,并作为参数传递给目标页面。在目标页面中,通过`JSON.parse`将字符串转换回对象。
uniapp路由传参与接收
回答: 在uniapp中,路由传参和接收是通过路由的query参数来实现的。在传参时,可以在路由跳转时通过query参数传递需要传递的数据。例如,可以在跳转路由时使用$route.push({path: '/target', query: {param1: value1, param2: value2}})来传递参数。在接收参数时,可以通过$route.query来获取传递的参数值。例如,可以使用this.$route.query.param1来获取传递的param1参数的值。这样就可以在不同的路由之间传递参数了。\[1\]
#### 引用[.reference_title]
- *1* *2* *3* [uniapp路由传多个参数_【干货】超详细知识点汇总:EIGRP动态路由协议](https://blog.csdn.net/weixin_39966020/article/details/110095964)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]