Vue.js,将数据传递给另一条路线上的组件

Question

将数据从一个页面传递到另一个页面的简单任务让Vue.js中的新手感到头疼.这是我的路由器

我正在"/"页面上呈现一个表单,它会发出API请求,

我只是想将数据传递到另一个组件的路由页面

在Vue这么难吗？今天对我来说真的很头疼.从API获取数据,保存并发送到另一个组件.我该怎么做？

Answer 1

正如Antony所说,既然你已经启用了props router/index.js,你可以router.push像这样传递参数:

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

然后你就可以收到items道具了EventsDisplay.vue

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