Nuxt 3 is coming.. Discover more about it here!

Docs Exemples Ressources Blog Cours Video
  • English
  • Français
  • Routing
    • Hello World
    • Active Link Classes
    • Dynamic Pages
    • Nested Pages
  • Data Fetching
  • Assets Management
  • Transitions
  • Seo
  • Loading
  • Miscellaneous
  • Middlewares
  • Plugins
  • Modules
  • English
  • Français
  • Routing
    • Hello World
    • Active Link Classes
    • Dynamic Pages
    • Nested Pages
  • Data Fetching
  • Assets Management
  • Transitions
  • Seo
  • Loading
  • Miscellaneous
  • Middlewares
  • Plugins
  • Modules

Customize Nuxt Loading

Create a custom loading component to replace the default loader


In this example:

nuxt.config.js contains the loading property which modifies the default loader

pages/loading.vue programmatically starts the loader so we force the page to take 2 seconds to load

Learn more in the Features book in the Loading chapter.
Loading Sandbox...
Editer cette page sur GitHub Mise à jour le Mon, July 12, 2021

Seo SEO Twitter and Open Graph
Loading Customize Nuxt Loading Indicator

Partenaires

  • Netlify
  • Google Chrome
  • Vercel
  • Swell
  • Ship Shape
  • Strapi
  • Layer0
  • Storyblok
Nous soutenir
A landscape image A landscape image

Découvrir

  • Notre équipe
  • Design Kit
  • Contactez-nous

Aide

  • Ressources
  • Chattez avec nous
  • Guide de contribution

Support

  • Viabilité
  • Support

Settings

Inscrivez vous à la newsletter

Les dernières nouvelles, articles et ressources, envoyés mensuellement dans votre boîte mail.

NuxtJS est un framework open source sous license MIT.