You are browsing Nuxt 2 docs. Go to Nuxt 3 docs, or learn more about Nuxt 2 Long Term Support.

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...