时间戳

首页 > 解决方案 > Vue js - 在同一级别的两个组件内传递数据

javascript - Vue js - 在同一级别的两个组件内传递数据

问题描述

我有需要从一个传递component1到另一个的数据component2。

我不使用vuex或router。

组件树：

-Parent
--Component1
--Component2

从一开始component1，我发出 ajax 请求，检索信息并推送到数据。

board: [1,2,3,4,5]

我需要访问检索到的数据component2

我可以在没有vuex或路由器的情况下做到吗？

谢谢 ：）

标签： javascriptvue.jsvuejs2vue-component

解决方案

component1您可以通过将更新的参数作为参数向父级发出事件，board并且在父级中接收该事件并将其传递props给component2

在component1：

this.$emit("sendToComp2",this.board);

在parent组件中：

  <template>
  <component1  @sendToComp2="sendTo2"/>
  ...
  <component2 :boards="boards" />
  ....
  </template>


  data:{
    boards:[]
    },
  methods:{
       sendTo2(boards){
        this.boards=boards
          }
      }

component2应该有属性称为boards

  props:["boards"]

推荐阅读