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

The key Property

Set the key property of internal <router-view> component

  • Type: String or Function

The key property is propagated into <router-view>, which is useful to make transitions inside a dynamic page and different route. Different keys result in rerendering of page components.

There are several ways to set the key. For more details, please refer to the nuxtChildKey prop in the nuxt component.

export default {
  key(route) {
    return route.fullPath


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