У меня проблема, у меня есть компонент CommentsManager с:
<div v-for="(comment, index) in comments" :key="comment.id">
<comment @createdChild="addChildren" :data="comment" @deleted="remove(index)"></comment>
</div>
Я использую mixin:
export default {
data() {
return {
items: [],
children: [],
}
},
methods: {
add(item) {
this.items.unshift(item);
this.$emit('added');
},
addChildren(children) {
this.children.push(children);
this.$emit('addedChildren');
},
remove(index) {
this.items.splice(index, 1);
this.$emit('removed');
},
removeChildren(children) {
this.children.splice(children, 1);
this.$emit('removedChildren');
},
}
}
И у меня есть дочерний комментарий компонента в компоненте Комментарий:
<div v-for="(comment, index) in children" :key="comment.id">
<child-comment :data="comment" @deleted="removeChildren(index)"></child-comment>
</div>
exports default {
data() {
return { children: [] }
}
}
Когда создается дочерний комментарий, я звоню: this.$emit('createdChild', response.data);
.Почему @createdChild
не работает и не передает новые данные в children
в компоненте «Комментарий»?@removedChildren
работает .. но @createdChild не работает .. Ошибки, которые я не получаю