Vous consultez la documentation de Nuxt 2. Rendez vous sur nuxt.com/docs pour la documentation de Nuxt 3.
Page traduite Le contenu de cette page peut être déprécié.
Lire la page originale Contribuer à cette traduction

Composant de chargement personnalisé

Créez un composant de chargement personnalisé, modifiez le loader par défaut ainsi que le spinner pour les SPAs.

Dans cet exemple :

components/LoadingBar.vue affiche un spinner de chargement personnalisé à utiliser à la place de la barre de chargement par défaut.

nuxt.config.js contient la propriété loading qui importe le composant de chargement.

pages/loading.vue démarre le chargement, nous forçons donc programmatiquement la page à attendre 2 secondes pour se charger.

Loading Sandbox...