1. Application Mall
1. Lorsque l'interface ne renvoie pas les dernières données produit et clique sur [Acheter maintenant] pour vérifier l'inventaire lorsque vous continuez à cliquer sur la spécification pour changer de spécification, les paramètres de la spécification précédente sont en fait transmis lors du téléchargement du paramètres.
Solution : Une fois l'appel de l'interface d'informations de spécification terminé et les dernières données renvoyées, vous pouvez cliquer sur pour configurer [Acheter maintenant]. Une couche de masque doit être ajoutée pour contrôler le clic du bouton.
2. Lors de l'encapsulation de la barre d'onglets, les informations de la barre d'onglets sont renvoyées par l'interface de liste sur la page d'accueil, mais la liste transmise par le composant parent est imprimée dans le composant enfant, mais elle est "nulle".
Raison : Lorsque le projet démarre, l'ordre d'exécution des composants parent-enfant est
parent beforeCreate->parent créé->parent beforeMount->enfant beforeCreate->enfant créé->enfant beforeMount->enfant monté->parent monté
Donc, avant le le composant enfant est monté, après le montage du composant parent, lorsque les données sont renvoyées en écho, les données api obtenues dans le composant parent monté ne peuvent pas être transmises au composant enfant au début, de sorte que les données transmises dans le composant enfant sont 'null' , lorsque le composant parent obtient les données de l'API, met à jour les données transmises au composant enfant, puis les transmet au composant enfant, et le composant enfant peut obtenir les données.
Solution : dans le sous-composant, surveillez les données transmises et effectuez des opérations logiques lorsque les données transmises ne sont pas "nulles".
3. Les informations de la barre de tabulation sont renvoyées par l'interface de la page d'accueil. La barre de tabulation est également nécessaire sur le panier et d'autres pages, mais appeler l'interface de la page d'accueil sur chaque page est un peu fastidieux, et en raison du problème de temps de retour de l'interface, le TabBar en bas clignotera.
Solution : Le centre commercial affiche la page d'accueil par défaut. Obtenez les informations de navigation TabBar sur la page d'accueil, transmettez-les au sous-composant, stockez-les dans le cache local ou vuex dans le sous-composant, et utilisez les données stockées dans le cache lorsque le composant est rendu. . Il y a toujours un problème qu'il n'a pas été stocké dans le cache local lorsqu'il est rendu pour la première fois, il doit donc juger s'il y a ces données dans le cache local, les utiliser si c'est le cas et utiliser les données transmises de la page d'accueil si ce n'est pas le cas.
4. Utilisez le plug-in swiper pour le carrousel. Lors de la configuration de la rotation de la boucle, l'événement de clic de la première image du deuxième carrousel sera invalide.
Raison : en mode boucle, le swiper copiera la première et la dernière image de la liste du carrousel, mais ne copiera pas l'événement de clic du nœud dom. Ainsi, lorsque le deuxième carrousel se produira, l'événement de clic de la première image sera invalide.
Solution :
utilisez l'écouteur d'événement de clic fourni avec le plug-in swiper au lieu d'ajouter un événement de clic à l'image.
