Vue.js，数据传递到组件的另一条路线

问题描述：

简单的任务，从一个页面传递到另一个数据做了一个真正的头痛Vue.js 到新手在这里是我的路由器 Vue.js，数据传递到组件的另一条路线

我渲染形成“/”页面，这使得API请求上，

，我只是想将数据传递到另一条路线页面与其他组件

这很难在Vue公司做什么？它今天让我很头疼。从API获取数据，保存&发送到另一个组件。我该怎么做？

你想传递什么数据？ 'activities'？ – choasia

答

正如安东尼所说，因为你已经在router/index.js启用的道具，你可以在router.push传递参数是这样的：

router.push({ 
    name: 'events', 
    params: { 
     items: data 
    } 
});

，那么你将能够接收items作为道具EventsDisplay.vue

export default { 
    name: 'eventsDisplay', 
    props: ['items'], 
};

@EzhiMakov' this.items'应该可以工作。由于它与这个问题无关，因此您可以在中打开另一个问题并将代码粘贴到那里。 – choasia

非常感谢，男士，对于以前的评论感到抱歉，这是我的愚蠢与刷新/事件页面没有传递数据 –

没有问题，先生 – choasia

答

如果要全局保存，可以使用事件总线或VueX存储来存储它，然后在需要访问时从该事件总线或存储中保存并加载它。

如果你想这两个部件之间传递只，从第一个访问的第二页，只有当，你可以通过属性来路由参数按本指南：https://router.vuejs.org/en/essentials/passing-props.html