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

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