Vuejs не может хранить комментарии детей - PullRequest
0 голосов
/ 09 февраля 2019

У меня проблема, у меня есть компонент 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 не работает .. Ошибки, которые я не получаю

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...