razumkov2015
@razumkov2015
"Программист" https://vk.com/cgs_game

Разные шаблоны для vue-router?

На сайте имеются страницы с контентом и страницы входа и регистрации. Так вот для контента используется некая статичная часть с шапкой, футером и меню, а вот на вход и регистрацию, нужна другая статичная часть. Как с помощью vue-router это сделать?
Точка входа
5aacfbbc9e4ad374201667.png
Роутер
5aacfbc18e2c0235808815.png

Можно что то прописать в самом компоненте, что бы он использовал другой шаблон? Если нет, то как это сделать вообще?
  • Вопрос задан
  • 767 просмотров
Решения вопроса 1
Ni55aN
@Ni55aN
Можно скрывать header, footer и меню по проверке $route.path, $route.name или по мета данным (что будет корректнее) $router.meta

export default new Router({
routes: [
{
    path: '/signin',
    component: SignIn
    meta: { hideHeader: true }
}
]);


<header v-if="!$route.meta.hideHeader">
...
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Я использую https://github.com/ktquez/vue-extend-layout для вашей задачи подойдёт. И не надо придумывать велосипеды
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы