uniapp页面跳转传对象
时间: 2023-09-03 18:12:16 浏览: 148
在uniapp中,可以使用uni.navigateTo或uni.redirectTo方法来跳转页面,并且可以使用query参数来传递对象。
例如,假设要传递一个名为user的对象,可以这样写:
```
uni.navigateTo({
url: 'pages/userDetail/userDetail?user=' + JSON.stringify(user)
})
```
然后在userDetail页面中,可以通过以下方式获取传递过来的user对象:
```
export default {
onLoad(options) {
const user = JSON.parse(options.user)
// do something with user
}
}
```
相关问题
uniapp页面跳转传参对象
在uniapp中,可以使用以下方式进行页面跳转传参对象:
1. 使用query参数传递对象
在跳转链接后面加上query参数,将对象转换为JSON字符串,例如:
```
uni.navigateTo({
url: '/pages/myPage/myPage?param=' + JSON.stringify(param)
})
```
在接收页面使用`decodeURIComponent`和`JSON.parse`将字符串转换为对象,例如:
```
onLoad: function(options) {
var param = JSON.parse(decodeURIComponent(options.param));
}
```
2. 使用Vuex进行数据共享
在跳转前将对象存储到Vuex中,跳转后在接收页面从Vuex中获取对象,例如:
```
// 存储对象到Vuex中
this.$store.commit('setParam', param);
// 接收页面从Vuex中获取对象
computed: {
param() {
return this.$store.state.param;
}
}
```
以上两种方式都可以传递对象,具体使用哪种方式需要根据实际情况来定。
uniapp中页面跳转传对象
可以使用uni.navigateTo或uni.redirectTo方法进行页面跳转,并通过query参数传递对象。
例如:
```
// 跳转到目标页面时传递对象参数
uni.navigateTo({
url: '/pages/targetPage/targetPage?obj=' + JSON.stringify(obj)
})
```
目标页面中通过获取query参数获取传递的对象:
```
onLoad: function(options) {
var obj = JSON.parse(options.obj)
console.log(obj)
}
```
阅读全文