Saya cuba memaparkan komen anak saya dalam VueJs dan ia memberi saya ralat kecil

Question

Hai, saya baru mula menggunakan VueJs dan pada masa yang sama saya mengalami kesukaran. Saya sedang membangunkan projek Laravel + VueJs dan mengusahakan blog dan sistem ulasan. Untuk ini, saya mencipta jadual ulasan dengan atribut "respond_to_id" yang akan menyimpan "id" ulasan ibu bapa. Kemudian pada peringkat VueJs saya mendapatkan semula komen ibu bapa dan anak ini. Tetapi masalahnya ialah dengan paparan VueJs. Memandangkan saya hanya membalas sub-ulasan, ulasan terakhir tidak akan muncul di bawah sub-ulasan tersebut.

Ini ialah kod Vue.Js yang saya gunakan untuk mendapatkan semula komen kanak-kanak.

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

Saya tertanya-tanya di mana kesilapannya. tolong saya.

Answer 1

Masalahnya ialah apabila saya membalas sub-ulasan, ulasan saya tidak muncul di bawah sub-ulasan.