Que faire si Uniapp passe à une barre d'onglets vide

Avec la popularité de l'Internet mobile, les applications mobiles sont devenues un élément indispensable de la vie des gens. Aujourd'hui, le développement d'une application mobile ne nécessite plus de partir de zéro, mais peut être rapidement développé via uniapp pour obtenir une fonctionnalité multiplateforme. Cependant, pendant le processus de développement à l'aide d'uniapp, nous rencontrons parfois le problème de passer au vide de la barre d'onglets. Cet article vous présentera les solutions spécifiques.

1. Problème

Lorsque nous utilisons uniapp pour développer des applications multiplateformes, nous utiliserons la barre de tabulation pour implémenter la barre de navigation inférieure. Mais parfois, nous constatons que lorsque nous cliquons sur la barre d'onglets d'une page pour passer à une autre page, une page vierge apparaît sur la nouvelle page, et non sur la page attendue. Ce problème est très préoccupant, discutons ensemble de la solution.

2. Cause du problème

Tout d'abord, nous devons comprendre les causes possibles de ce problème. Lorsque nous utilisons uniapp pour développer, dans chaque page, il y aura un composant App.vue. Ce composant est la structure la plus externe de toutes les pages, il est donc responsable du rendu de l'ensemble de l'application. Lorsque nous utilisons la barre de tabulation pour changer d'itinéraire, le saut d'itinéraire déclenchera la fonction de crochet d'App.vue, mais comme la vitesse de changement d'itinéraire est très rapide, lorsque App.vue est prêt à afficher le contenu sur une nouvelle page, la nouvelle page a déjà Nous sommes prêts, mais pour le moment, comme le composant n'a pas été rendu, nous ne pouvons voir qu'une page blanche.

3. Solutions

Maintenant, nous allons présenter plusieurs solutions pour résoudre le problème de la barre de tabulation vide.

1. Définir le style de la page

Vous pouvez définir min-height sur la valeur de la hauteur disponible pour l'appareil actuel dans la balise