комментарий не добавлен

Question

Мой код Vue не работает, пока я не обновлю страницу.Ответ на комментарий успешно отправляется в базу данных, но не отображается в браузере, пока я не обновлю страницу или не добавлю комментарий, а затем обновлю и не добавлю ответ.

Comments.vue

Мои методы

appendReply(comment,reply){
    _.find(this.comments, { id: comment.id }).children.push(reply)
},

Монтируется

bus.$on('comment:replied', ({ comment, reply }) => {
    this.appendReply(comment, reply)
    this.scrollToComment(reply)
})

Я получаю эту ошибку в консоли

[Vue warn]: ошибка в обработчике события для «комментарий: ответил»: «Ошибка типа: невозможно прочитать свойство« push »из неопределенного» * ​​1014 *

Answer 1

Поскольку я знаю, откуда у вас этот код и какова последовательность действий, я дам вам решение вашей проблемы.

Алекс, когда он объяснял метод appendReply, сохранил whenLoaded в CommentResource в ответах (дочерние).

Чтобы решить эту проблему, необходимо перейти к классу Commentresource, предоставленному бэкэндом, и установить свойство ответов (дочерние) для этого кода:

'replies' => CommentResource::collection($this->replies)

или в вашем случае

'children' => CommentResource::collection($this->children)