Apabila menggunakan vue untuk melakukan projek, pengecualian dilemparkan:
DOMException: Gagal melaksanakan 'insertBefore' pada 'Nod': Nod sebelum nod baharu hendak dimasukkan bukanlah anak nod ini.
Penerangan: Masalah ini pernah dicari secara online sebelum ini dapat dilihat dari banyak bahan rujukan yang berkaitan dengan v-if dan v-show, tetapi tiada penjelasan dan penyelesaian yang terperinci dan munasabah saya ingin bangkitkan Saya berharap rakan-rakan Tao yang menghadapi masalah memberi penjelasan.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Selepas mencari maklumat:
https://github.com/vuejs/vue-...
https://github.com/vuejs/vue/...
Boleh rujuk pautan di atas.
Saya membuat spekulasi bahawa apabila halaman Dom belum dipaparkan, data yang dikembalikan oleh permintaan http dimasukkan ke dalam nod yang tidak diketahui, menyebabkan ralat ini.
Senario: Klik butang untuk meminta data daripada pelayan, kemas kini vnode dan kemas kini hasil pemaparan.
Penyelesaian: Tambahkan<p v-if="isShow"><p v-for=""></p></p> pada lapisan luar templat yang perlu dipaparkan , klik butang untuk memulakan Apabila meminta data, @click="isShow=false". Apabila meminta data berjaya, cb(isShow=ture) dalam fungsi panggil balik Pastikan semasa mengemas kini data, keluarkan dahulu dan kemudian masukkan*