Saya cuba memaparkan komen anak saya dalam VueJs dan ia memberi saya ralat kecil
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.
