我正在尝试在 VueJs 中显示我的子评论，这给了我一个小错误

Question

嗨，我刚刚开始使用 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>

我想知道错误出在哪里。请帮助我。

Answer 1

问题是，当我回复子评论时，我的评论没有显示在子评论下方。