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 re-rendering 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
Edit this page on GitHub Updated at Fri, Oct 22, 2021