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路由传参对象

在 Uniapp 中，可以使用路由传参来传递对象。有两种常用的方式来实现这个目的：

1. 使用 query 参数传递对象：
在跳转到目标页面时，可以通过在路由路径后面添加 query 参数的方式来传递对象。例如：

   // 跳转时传递对象参数
   uni.navigateTo({
     url: '/pages/targetPage?obj=' + JSON.stringify(obj)
   });

在目标页面的 `onLoad` 生命周期中，可以通过 `this.$route.query` 获取传递过来的对象参数：

   onLoad() {
     const obj = JSON.parse(this.$route.query.obj);
     // 使用传递过来的对象参数
   }

2. 使用 vuex 来共享对象数据：
在 vuex 的 store 中创建一个对象类型的 state，然后在源页面中通过提交 mutation 的方式将对象数据存储到 state 中，接着在目标页面中通过计算属性或者直接访问 state 来获取对象数据。例如：

   // 在 store 中创建一个对象类型的 state
   const store = new Vuex.Store({
     state: {
       obj: {}
     },
     mutations: {
       setObj(state, obj) {
         state.obj = obj;
       }
     }
   });

   // 在源页面中提交 mutation 来存储对象数据
   store.commit('setObj', obj);

   // 在目标页面中获取对象数据
   computed: {
     obj() {
       return this.$store.state.obj;
     }
   }

这样就可以在目标页面中使用 `obj` 来获取传递过来的对象数据了。

以上是两种常用的传递对象参数的方式，你可以根据具体的需求选择其中一种来使用。

uniapp页面跳转速度慢

uniapp页面跳转速度慢主要是由于动画效果的设置导致的。当animationType设置为none时，在iOS上的navigateTo跳转切换会变得非常慢。如果你想提高页面跳转的速度，可以尝试将animationType设置为其他的值，例如slide-in-right。这样可以获得更流畅的页面切换效果。

另外，如果你需要在页面之间传输大量数据并进行渲染，也可以考虑使用uview的全局状态管理。通过将数据存储在全局状态中，可以避免在页面跳转时传输大对象或进行编码解码操作，从而提高页面跳转的速度。另外，你还可以使用页面传参的方式直接传入参数，通过uview的路由封装来实现页面之间的数据传输。

你可以参考uniapp的文档地址https://uniapp.dcloud.io/collocation/frame/communication了解更多关于页面跳转和数据传输的详细信息。