如何在Vuejs

Question

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

这是我route.js

的post.vue个文件

{
  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声明了参数＆＃34; cart＆＃34;的占位符。在重定向。

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