Want to take a look at our new docs? Our new docs are now in beta. Have fun!

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>

You can find an official example using this property here.

Contributors

Contribution for this page is now closed. If you would like to contribute please check out our new docs are now in beta. Have fun!

Platinum Sponsors

StoryblokMoovweb Support Us