NUXTJS

  • Docs
  • Examples
  • FAQ
  • Blog
  • Video Courses new
Get Started
Concepts
Features
Directory Structure
Configuration Glossary
Internals Glossary

Components Glossary

  • The Fetch Hook
  • The head Method
  • The key Property
  • The layout Property
  • The loading Property
  • The middleware Property
  • The page `transition` Property
  • The scrollToTop Property
  • The validate Method
  • The watchQuery Property
Deployment
Get Started
Concepts
Features
Directory Structure
Configuration Glossary
Internals Glossary

Components Glossary

  • Fetch Hook
  • Head Method
  • Key Property
  • Layout Property
  • Loading Property
  • Middleware Property
  • Transition Property
  • scrollToTop Property
  • Validate Method
  • WatchQuery Property
Deployment

Version 2.14.8

The loading Property

The loading property gives you the option to disable the default loading progress bar on a specific page.

  • Type: Boolean (default: true)

By default, Nuxt.js uses its own component to show a progress bar between the routes.

You can disable or customize it globally through the Configuration's loading option, but also disable it for specific pages by setting the loading property to false :

<template>
  <h1>My page</h1>
</template>

<script>
  export default {
    loading: false
  }
</script>
Layout Property Middleware Property

Contributors

Debbie O'Brien Debbie O'Brien Alexandre Chopin Alexandre Chopin Sébastien Chopin Sébastien Chopin Benjamin Canac Benjamin Canac fgiraud fgiraud Sergey Bedritsky Sergey Bedritsky Alba Silvente Fuentes Alba Silvente Fuentes Alexander Lichter Alexander Lichter Krutie Patel Krutie Patel Daniel Roe Daniel Roe pooya parsa pooya parsa Pim Pim Ahad Birang Ahad Birang

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!

Platinum Sponsors

StoryblokMoovwebShip Shape Support Us

NuxtJS Newsletter

Get the latest Nuxt news to your inbox, curated by the NuxtJS team.

Discover

  • Our team
  • Design kit
  • Contact us

Help

  • Resources
  • Chat with us
  • Contribution guide

Support

  • Our Goodies Store
  • Sponsoring & donations
  • Training & consultancy
Deploys by Netlify
Docs Examples FAQ Blog Video Courses