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)
}

相关问题

uniapp页面跳转传对象

在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;
  }
}

以上两种方式都可以传递对象，具体使用哪种方式需要根据实际情况来定。