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

Question

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

我在“/”页面上呈现一个表单，它发出一个 API 请求，

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

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

原文由 Evgeny Malkov 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

正如 Antony 所说，由于您已经在 router/index.js 中启用了道具，您可以在 router.push 中传递参数，如下所示：

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

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

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

原文由 choasia 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

尝试使用 Vuex

在源组件中

this.$store.commit('changeDataState', this.$data);
this.$router.push({name: 'user-post-create'});

在目标组件中

created () {
    console.log('state', this.$store);
    this.$store.getters.Data;
}

原文由 user7153178 发布，翻译遵循 CC BY-SA 4.0 许可协议