Nuxt 3 is out! Discover more about it on v3.nuxtjs.org

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...
Editer cette page sur GitHub Mise à jour le ven. 23 décembre 2022