我正在嘗試在 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

問題是，當我回覆子評論時，我的評論沒有顯示在子評論下方。