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
中声明它,并像道具一样传递它。再次感谢。