-1

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

Код роутера

Точка входа

Можно что то прописать в самом компоненте, что бы он использовал другой шаблон? Если нет, то как это сделать вообще?

2
  • 2
    вставьте пожалуйста в вопрос сам код, картинка не подходит так как её не индексируют поисковики Commented 17 мар. 2018 в 12:14
  • В App сделайте 2 варианта разметки и с помощью v-if v-else ставьте нужную. Проверяйте текущий роутер. если это '/auth' или '/reg' отдавайте первый если любой другой тогда второй. Или другой вариант сделать App нейтральным, создать 2 компонента, с нужной версткой. а в них вложить все остальные как children. Commented 17 мар. 2018 в 12:30

1 ответ 1

0

В вашем App.js можно использовать компонент-обертку или такую конструкцию:

<component :is="routeListener"></component>

Импортируете ваши LayoutContent и LayoutAuth

components: {
  LayoutContent,
  LayoutAuth
}, 
computed: {
  routeListener () {
   // тут проверку по пути делаете
   if (this.$router.path === '/reg' || this.$router.path === '/auth')
     return 'layout-auth'
   else return 'layout-content'
 }
}

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.