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

Was this helpful?

Report an issue or Edit this page on GitHub

Layout Property

Every file (first level) in the layouts directory will create a custom layout accessible with the layout property in the page component.

Middleware Property

Set the middleware for a specific page of the application.