En vue, demandez d'abord les données, puis restituez le partage dom

Maintenant, je vais partager avec vous un article sur la demande d'abord de données, puis le rendu de dom dans Vue. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

J'ai rencontré un problème dans le projet. Voici le code dans le modèle de vue :

Mon écriture précédente était 🎜 >

Le résultat est l'opération suivante de récupération du dom Le dom obtenu est indéfini, c'est-à-dire qu'il n'est pas récupéré.

La raison est qu'il n'est pas exécuté dans l'ordre de demande de données->rendu dom->obtention de dom. L'ordre d'exécution réel est d'obtenir dom en premier, et à ce moment, l'option de tableau est toujours vide. Le v- ci-dessus La boucle for n'a pas rendu le dom, donc il n'a pas pu être récupéré du tout (je ne comprends pas pourquoi)

Plus tard, j'ai écrit les données de la requête dans la fonction créée et j'ai écrit le opération de récupération du dom dans la fonction montée. J'exécute toujours l'opération de récupération du DOM en premier (l'ordre d'exécution est jugé par l'ordre d'alerte

). Finalement j'ai trouvé une solution :

J'ai vu la réponse de quelqu'un d'autre : "Utilisez nextTick dans le rappel de la demande de données, essayez-le dans le rappel de nextTick~”

La réponse d'une autre personne est : "S'il existe une situation où la dépendance à dom doit exister, mettez-la dans Mounted(){this.$nextTick(() => { /* code * / })}" (Je l'ai fait avant de l'essayer, ça marche tellement bien pour moi, je ne comprends pas pourquoi)

J'ai combiné ces deux méthodes, en fait, c'est principalement la première méthode, et je l'ai trouvée très utile !

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Méthodes pour obtenir des éléments dom basés sur vue1 et vue2

Implémentation JS pour générer des liens vers QR codes Et convertissez-le en image

Vue implémente la méthode de création et de suppression dynamique de données

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!