Vue.js，将数据传递给另一条路由上的组件 [英] Vue.js, pass data to component on another route

问题描述

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

Simple task to pass data from one page to another made a real headache to newbie in Vue.js Here is my router

我正在/"页面上渲染一个表单，它发出一个 API 请求，

I'm rendering a form on "/" page, which make an API request,

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

and I just want to pass data to another route page with another component

Vue 有那么难做吗?今天让我很头疼.从 API 获取数据，保存 &发送到另一个组件.我该怎么做?

Is it so hard to do in Vue? It made a real headache for me today. Get data from API, save & send to another component. How can I do it?

推荐答案

正如安东尼所说，既然你已经在 router/index.js 中启用了 props，你可以在 中传递参数router.push 像这样:

As Antony said, since you've already enabled props in router/index.js, you can pass parameters in router.push like this:

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

然后你就可以在EventsDisplay.vue

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

这篇关于Vue.js，将数据传递给另一条路由上的组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！