@adelina_turcan
Люблю программировать

Как сделать кастомный sidebar для несколько страниц?

Ситуация такая, есть:

  • шаблон по умолчанию layouts/default.vue
  • левый sidebar который присуствует на все страницы
  • правый sidebar, который должен быть только на несколько страниц

В store/index.js храню переключатель, если state.sidebar.right === true то в layouts/default показываю кнопку для открытия правого сайдбара.

Теперь проблема в том чтобы при переходе на страницу в которой должен быть сайдбар, загрузить в нём нужные компоненты и в них данные с API.

И ещё вопрос, где нужно хранить <v-navigation-drawer> чтобы он открылся при клике на кнопку с layout/default? Объязательно в layout/default? Пробовал хранить его в компоненте страницы (pages/cat/index.vue) но не работает. Наверное нужно держать его состояние тоже в store, правильно понимаю?

<nuxt-child>тоже пробовал использовать но грузиться контент который есть и в <nuxt>
  • Вопрос задан
  • 138 просмотров
Пригласить эксперта
Ответы на вопрос 1
MalkovVladimir73
@MalkovVladimir73
Fullstack (node + vue.js)
Используйте Vue Router. В хуках роутинга подгружайте данные. Опишите разные пути в соответствии с которыми и будут грузиться те или иные компоненты.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы