La propriété layout

Chaque fichier (premier niveau) dans le répertoire layouts créera une mise en page personnalisée accessible avec la propriété layout dans le composant de page.

  • Type : String ou Function (par défaut : 'default')

Utilisez la clé layout dans vos composants de page pour définir la mise en page à utiliser :

export default {
  layout: 'blog',
  // OU
  layout (context) {
    return 'blog'
  }
}

Dans cet exemple, Nuxt.js inclura le fichier layouts/blog.vue comme mise en page pour ce composant de page.

Voyez cela en action dans cette vidéo de démonstration.

Afin de comprendre comment les mises en page fonctionnent avec Nuxt.js, regardez la documentation sur les Mises en page.

Vous avez vu une erreur ou vous souhaitez contribuer à la documentation ? Éditez cette page sur GitHub !