嗨,我剛開始使用 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>
我想知道錯誤出在哪裡。請幫助我。
問題是,當我回覆子評論時,我的評論沒有顯示在子評論下方。