Problèmes rencontrés dans les projets vue : DOMException

Question

Lors de l'utilisation de vue pour réaliser un projet, une exception est levée :
DOMException : échec de l'exécution de 'insertBefore' sur 'Node' : le nœud avant lequel le nouveau nœud doit être inséré n'est pas un enfant de ce nœud.

Description : Ce problème a déjà été recherché en ligne. Il ressort de nombreux documents de référence qu'il est lié à v-if et v-show, mais aucune explication ni solution détaillée et raisonnable n'a été donnée. question ici. J'espère que les camarades taoïstes qui ont rencontré le problème ont donné des explications.

Answer 1

Après avoir recherché des informations :
https://github.com/vuejs/vue-...
https://github.com/vuejs/vue/...
Vous pouvez vous référer au lien ci-dessus.

Je suppose que lorsque la page Dom n'a pas été rendue, les données renvoyées par la requête http sont insérées dans un nœud inconnu, provoquant cette erreur.

Scénario : cliquez sur le bouton pour demander des données au serveur, mettre à jour vnode et mettre à jour les résultats de rendu.
Solution : ajoutez<p v-if="isShow"><p v-for=""></p></p> à la couche externe du modèle qui doit être rendu. , cliquez sur le bouton pour démarrer Lors de la demande de données, @click="isShow=false". Lors de la demande de données réussie, cb(isShow=ture) dans la fonction de rappel, assurez-vous que lors de la mise à jour des données, supprimez d'abord puis insérez *.