嗨,我刚刚开始使用 VueJs,但同时遇到了困难。 我正在开发一个 Laravel + VueJs 项目,并且在博客和评论系统中工作。 对此,我创建了一个评论表,其中有 “respond_to_id” 属性,该属性将存储父评论的“id”。 然后在 VueJs 级别我检索这些父级和子级评论。 但问题出在 VueJs 显示上。由于我只回复子评论,因此最后一条评论不会显示在该子评论下方。
这是我用于检索子评论的 Vue.Js 代码。
<div v-for="(commentaire, i) in commentaires" :key="i" v-if="commentaires.length" > <div id="comment-1" class="comment"> <div class="d-flex"> <div class="comment-img"> <img v-bind:src="commentaire.photo" alt="" /> </div> <div> <h5> <a href="">{{ commentaire.name }}</a> <a @click="repondre(commentaire)" class="reply" ><i class="bi bi-reply-fill"></i> répondre</a > </h5> <time datetime="2020-01-01" >il y a {{ format(commentaire.created_at) }}</time > <p> {{ commentaire.contenu }} </p> </div> </div> </div> <!-- End comment #1 --> <div id="comment-reply-1" class="comment comment-reply" v-for="child in commentaire.children" :key="child.id" v-bind:commentaire="child" > <div class="d-flex"> <div class="comment-img"> <img v-bind:src="child.photo" alt="" /> </div> <div> <h5> <a href="">{{ child.name }}</a> <a @click="repondre(child)" class="reply" ><i class="bi bi-reply-fill"></i> répondre</a > </h5> <time datetime="2020-01-01">{{ format(child.created_at) }}</time> <p> {{ child.contenu }} </p> </div> </div> <!-- End comment reply #2--> </div> </div>
我想知道错误出在哪里。请帮助我。
问题是,当我回复子评论时,我的评论没有显示在子评论下方。