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

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

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

在Vue中这么难吗?今天真让我头疼.

推荐答案

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

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

然后你可以在EventsDisplay.vue中获得items个props

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

Vue.js相关问答推荐

如何在与父集合相同的读取中取回子集合(或重构数据?)

从组件中检索 Shopware CMS 编辑器中的自定义实体数据

如何在 VUE.js 中重新刷新时保持多层 b-collapse 菜单打开?

vue 计算的 ant watch 不会在嵌套属性更改时触发

如何对将 DOM 元素附加到 HTML 正文的 Vue 组件进行单元测试?

如何在map中添加新的标记 onclick?

Vue.js 如何计算总数?

CLI 3 - 如何为 CSS/Sass 创建vendor bundle ?

等待来自 WDS 的更新信号

Vuetify 单选按钮未显示为选中状态

如何告诉 Vue 应用使用 Firebase 模拟器?

如何突出显示 Vuetify 菜单中的选定项目?

如何将数据属性设置为从 Vuex getter 返回的值

根据路由动态插入 CSS 类到导航栏

Vuejs - 使用 v-if 切换的保持活动组件

使用 Spring Boot(VueJS 和 Axios 前端)禁止发布 403 帖子

我应该将所有数据存储在 vuex 状态

Vue.js 中的 CSS 框架

我们可以像在 Angular 中一样创建 Vue.js 组件时将 HTML、JS 和 CSS 文件分开吗?

Vue.js 显示空格(换行符)