Как установить заголовок по умолчанию и нижний колонтитул Nuxt.js? - PullRequest
Новая
       24

Как установить заголовок по умолчанию и нижний колонтитул Nuxt.js?

0 голосов
/ 18 марта 2019

Я начал изучать Nuxt.js, и мне нравится Nuxt.js!

Но я столкнулся с проблемой:

Я хочу создать макеты верхнего и нижнего колонтитула для всех страниц моего приложения (аналог: extends layout для мопс ).

Я нашел следующий путь (nuxt.config.js): 

router: {
        extendRoutes(routes, resolve) {
            routes.push({
                name: 'custom',
                path: '*',
                component: resolve(__dirname, 'layouts/header.vue')
            })
        }
    },

Но это не правильно для меня.: (

Я нашел документы ( click me ): 

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}
  </body>
</html>

И я хочу установить параметры, где каждая страница загружается для моего шаблона: 

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    {{ HEADER}}
    {{ APP }}
    {{ FOOTER}}
  </body>
</html>

Возможно ли сделать что-то подобное в Nuxt.js?

1 Ответ

1 голос
/ 18 марта 2019

только вы должны подготовить макет в каталоге макета

и подготовить 2 компонента для верхнего и нижнего колонтитула

, поэтому шаблон макета будет выглядеть ниже 

<template>
<header_component>
</header_component>
</Nuxt>
<footer_component>
</footer_component>
</template>
...