Я создал простую систему комментариев. Все работает нормально. Теперь мне пришлось использовать тот же подход с Vue. js. Все хорошо работает и с Vue .j. Единственная проблема в том, что я не могу показать ответы, связанные с комментарием, с помощью отношения. Сначала я показываю код отношения, затем PHP l oop и, наконец, код l oop с Vue. js
//USER MODEL
public function comments()
{
return $this->hasMany(Comment::class,'user_id');
}
//COMMENT MODEL
public function video()
{
return $this->belongsTo(Video::class);
}
public function user()
{
return $this->belongsTo(User::class);
}
public function replies()
{
return $this->hasMany(CommentReply::class,'comment_id');
}
//CommentReply model
public function comment()
{
return $this->belongsTo(Comment::class);
}
Это l oop
@foreach( $video->comments as $comment )
<li id="li-comment-5">
<article class="comment even thread-odd thread-alt depth-1 clr" id="comment-5">
<header class="comment-meta"> <strong class="fn"> {{ $comment->user->name }}
</strong> <span class="comment-date">July 4, 2017 7:25 am </span></header>
<div class="comment-content entry clr">
<p>{{ $comment-body}}</p>
</div>
<h5>Reply</h5>
@foreach($comment->replies as $reply)
$reply->body
@enddoreach
</div>
</article>
</li>
@endforeach
L oop с Vue
<ol class="commentlist" v-if="comments.length > 0">
<li id="li-comment-4" v-for="comment in comments">
//...loop works fine
//Reply section
</li<ul class="children">
<li id="li-comment-6" v-for="reply in comment.replies">
//comment.replies does not work
</li>
</ul>
</li>
</ol>
Как вы можете видеть в приведенном ниже коде comment.replies не возвращает объект, которым я являюсь ожидать. Как получить такой же результат с vue?