Javascript 如何在Vuejs中的两条路由之间传递阵列数据

Javascript 如何在Vuejs中的两条路由之间传递阵列数据,javascript,vue.js,Javascript,Vue.js,我需要将数组从一个Vuejs路由传递到另一个路由,例如从home.vue传递到post.vue 这是我的route.js文件,用于post.vue { path: '/post/:cart', name: 'post', component: PostView, props: true } <router-link to="/post/:cart">Check out</router-link> props: ['cart'], mounted

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

这是我的
route.js
文件,用于
post.vue

{
  path: '/post/:cart',
  name: 'post',
  component: PostView,
  props: true
}
<router-link to="/post/:cart">Check out</router-link>
  props: ['cart'],
  mounted () {
    console.log(this.$route.params.cart)
  }
这是我的
主页。vue

{
  path: '/post/:cart',
  name: 'post',
  component: PostView,
  props: true
}
<router-link to="/post/:cart">Check out</router-link>
  props: ['cart'],
  mounted () {
    console.log(this.$route.params.cart)
  }
但这不起作用,它只是在控制台中打印
:cart
。我想要实际的数据,这是存储在购物车。我做错了吗?

如果将
签出
替换为
签出
,您将在控制台中看到
测试
。这是因为您使用
:cart
在重定向中为参数“cart”声明了一个占位符

如果你想传递更多参数,我想你可以试试 有些人认为类似于
签出
,但可能需要更改路线。js删除
:购物车
如果将
签出
替换为
签出
,您将在控制台中看到
测试
。这是因为您使用
:cart
在重定向中为参数“cart”声明了一个占位符

如果你想传递更多参数,我想你可以试试
有些人认为类似于
签出
,但您可能需要更改路线。js删除
:购物车

您尝试了什么?在Vuejs文档中,它只显示参数、道具和查询,我在理解它们甚至使用它们时遇到了一些困难,我对这个主题真的很陌生。在某个时候,我遇到了
这个.route.params.cart
,它与params一起使用,但是页面没有显示任何错误,但它没有显示任何内容。您也可以使用一个小型状态机来做您想做的事情。将数据保存在URL中,并可随应用程序扩展。以Vuex为例(这对于一个小应用来说可能太多了,但你从中了解了我的意思)。谢谢webnoob,它成功了。好建议。你试过什么了?在Vuejs文档中,它只显示参数、道具和查询,我在理解它们甚至使用它们时遇到了一些困难,我对这个主题真的很陌生。在某个时候,我遇到了
这个.route.params.cart
,它与params一起使用,但是页面没有显示任何错误,但它没有显示任何内容。您也可以使用一个小型状态机来做您想做的事情。将数据保存在URL中,并可随应用程序扩展。以Vuex为例(这对于一个小应用来说可能太多了,但你从中了解了我的意思)。谢谢webnoob,它成功了。很好的建议。感谢它的帮助,但对于我的情况,它不会起作用,我得到了答案,我必须在
App.Vue
中声明它,并像道具一样传递它。再次感谢。感谢它的帮助,但对于我的情况,它不会起作用,我得到了答案,我必须在
App.Vue
中声明它,并像道具一样传递它。再次感谢。