Ich versuche, die Kommentare meiner Kinder in VueJs anzuzeigen, und es wird mir ein kleiner Fehler angezeigt

Question

Hallo, ich habe gerade angefangen, VueJs zu verwenden und es fällt mir gleichzeitig schwer. Ich entwickle ein Laravel + VueJs-Projekt und arbeite an einem Blog- und Kommentarsystem. Zu diesem Zweck habe ich eine Kommentartabelle mit dem Attribut „respond_to_id“ erstellt, in der die ID des übergeordneten Kommentars gespeichert wird. Dann rufe ich auf VueJs-Ebene diese übergeordneten und untergeordneten Kommentare ab. Das Problem liegt jedoch bei der Anzeige von VueJ. Da ich nur auf Unterkommentare antworte, wird der letzte Kommentar nicht unter diesem Unterkommentar angezeigt. Dies ist der Vue.Js-Code, den ich verwende, um untergeordnete Kommentare abzurufen.

<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>

Ich frage mich, wo der Fehler liegt. Bitte hilf mir.

Answer 1

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