API: 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

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

Platinum Sponsors

Storyblok Support Us