Vuejs 将数据从 child 分派到 parent 而无需将其放入数组中
Vuejs dispatch data from child to parent without placing it into an array
我正在尝试获取从 child 组件分派的数据并将其传递到 parent 组件,但到目前为止我只能找到一个这样的例子推入一个数组。
在 child 我有一个这样设置的方法
methods: {
savePost: function() {
this.$dispatch('child-data', this.childData)
this.childData = ''
}
}
并且 parent 设置为抓取它并将其放入数组中
data: {
childSelect: [],
}
events: {
'child-data' : function (childData) {
this.childSelect.push(childData)
}
所以我知道这只是将 childs 数据推入一个数组,但我正在寻找一种方法来设置 data:{ childSelect: ''}
并从事件替换 childSelect
每次更新。
我看过文档中的示例,但我对此还是个新手,所以我不确定如何调整我发现的内容以适应此 child -> parent 互动。
我希望这是有道理的 -_- !
不太确定你在找什么。也许是这样的?
events: {
'child-data' : function (childData) {
this.childSelect = childData;
}
}
我正在尝试获取从 child 组件分派的数据并将其传递到 parent 组件,但到目前为止我只能找到一个这样的例子推入一个数组。
在 child 我有一个这样设置的方法
methods: {
savePost: function() {
this.$dispatch('child-data', this.childData)
this.childData = ''
}
}
并且 parent 设置为抓取它并将其放入数组中
data: {
childSelect: [],
}
events: {
'child-data' : function (childData) {
this.childSelect.push(childData)
}
所以我知道这只是将 childs 数据推入一个数组,但我正在寻找一种方法来设置 data:{ childSelect: ''}
并从事件替换 childSelect
每次更新。
我看过文档中的示例,但我对此还是个新手,所以我不确定如何调整我发现的内容以适应此 child -> parent 互动。
我希望这是有道理的 -_- !
不太确定你在找什么。也许是这样的?
events: {
'child-data' : function (childData) {
this.childSelect = childData;
}
}