Vuejs将数据从子节点发送到父节点而不将其放入数组中

时间:2016-09-01 15:16:49

标签: parent-child vue.js

我正在尝试获取从子组件调度的数据并将其传递给父组件,但到目前为止,我只能找到将其推送到数组中的示例。

在孩子中,我有一个像这样设置的方法

  methods: { 
   savePost: function() {
     this.$dispatch('child-data', this.childData)
     this.childData = ''
   }
  }

父母设置抓住它并将其放入数组

data: {
 childSelect: [],
}
events: {
 'child-data' : function (childData) {
  this.childSelect.push(childData)
}

所以我知道这只是将childs数据推送到一个数组中,但是我正在寻找一种设置data:{ childSelect: ''}的方法,并且每次从事件替换childSelect时都会调度数据。更新。

我在文档中看到了一些例子,但我还是新手,所以我不完全确定如何调整我发现的适合这个孩子的内容 - >父母互动。

我希望这有道理-_-!

1 个答案:

答案 0 :(得分:1)

不完全确定你之后的情况。也许是这样的?

events: {
    'child-data' : function (childData) {
        this.childSelect = childData;
    }
}