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

Translated page Contents of this page might be outdated.
Read the original page Improve translation of this page

Componente de Carregamento Personalizado

Crie um componente de carregamento personalizado, modifique o carregador padrão bem como o rodopiador para Aplicações de Página única

Neste exemplo:

  • O components/LoadingBar.vue mostra um rodopiador de carregamento personalizado para usar ao invés da barra de carregamento padrão.
  • O ficheiro nuxt.config.js contém a propriedade loading a qual importa o componente de carregamento
  • O pages/loading.vue inicia programaticamente o carregador assim nós forçamos a página a levar dois segundos para carregar
Loading Sandbox...