javascript - Le problème délicat de Vue consistant à attendre les données backend

Question

Je crois que tout le monde sait que le spa développé avec vue utilise des requêtes asynchrones pour obtenir des données
Je souhaite maintenant ajouter une icône de chargement au projet pour indiquer que les données sont en cours de chargement.
Ouvrez le composant de chargement avant l'envoi de la requête ajax.
Fermez-le dans le rappel.
Mais en raison de problèmes de réseau, certains utilisateurs ont un environnement réseau relativement bon, et la page de chargement se déroule en un éclair
, tandis que certains utilisateurs avec un réseau médiocre peuvent obtenir une meilleure expérience utilisateur
Quoi. Je suis gêné par le fait que les utilisateurs chargent les données très rapidement. J'ai vu une ombre noire clignoter pendant un moment, et j'ai toujours eu l'impression que ce n'était pas parfait. Je me demande si quelqu'un avait une meilleure solution ?

Answer 1

Ajoutez une animation à l'icône de chargement, allant des couleurs claires aux couleurs sombres. Même s'il clignote, il n'y a qu'une légère trace

Answer 2

Référez-vous au chargement d'element-ui : http://element.eleme.io/#/zh-...

Answer 3

Wow, alors vous pouvez donner au graphique Loding un temps minimum. Par exemple, si le temps est inférieur à 1 seconde, forcez-le à une seconde. La limite supérieure n'est pas plafonnée. . .