javascript - 如何在Vuejs中的两个路由之间传递数组数据

Question

我需要将一个数组从一个 Vuejs 路由传递到另一个路由，例如从 home.vue 到 post.vue 。

这是我的 post.vue 的 route.js 文件

{
  path: '/post/:cart',
  name: 'post',
  component: PostView,
  props: true
}

这是我的home.vue

<router-link to="/post/:cart">Check out</router-link>

和我的post.vue

  props: ['cart'],
  mounted () {
    console.log(this.$route.params.cart)
  }

但这不起作用，它只是在控制台中打印 :cart 。我想要存储在购物车中的实际数据。我做错了吗？

Answer 1

如果替换 <router-link to="/post/:cart">Check out</router-link>与 <router-link to="/post/test">Check out</router-link>你会看到test在控制台中。这是因为使用 :cart您在重定向中声明了参数“cart”的占位符。

如果你想传递更多参数我认为你可以尝试有些类似于 <router-link :to="{ path: '/post/', params: { a: 'a', b: 'b', c: 'c' }}">Check out</router-link>但可能您需要更改您的route.js，删除 :cart