Задать вопрос
AlexxFoexx
@AlexxFoexx
Начинающий фронтэнд разработчик

Как сделать вложенные «страницы» на vue?

Пару дней начал изучать, хотел сделать вложенную навигацию типа:
+home +Items
+subItems_link
У входного компонента вёрстка выглядит так:

<template>
  <body id="app">
    <TheHeader></TheHeader>
    <main class="b-content">
      <transition name="slide-fade">
        <router-view></router-view>
      </transition>
    </main>
    <TheFooter/>
  </body>
</template>

Следовательно когда я перехожу по ссылке Items всё правильно отображается, но когда я хочу перейти на дочерние URL, не отображается дочерний, поискав в интернете ничего внятного не нашел, потому что вопрос тупой скорее всего)
Если делать в Items ещё один router-view (не уверен что это правильное решение) то всё отображается, тогда как убрать родительский компонент из дочерних?

<router-link  class="b-nav-item__link" to="/" exact>Home<router-link>
<router-link  class="b-nav-item__link" to="/items">Items<router-link>
<router-link  class="b-nav-item__link" to="/items/school">Items-school<router-link>
  • Вопрос задан
  • 289 просмотров
Подписаться 1 Простой 3 комментария
Помогут разобраться в теме Все курсы
  • HTML Academy
    Vue.js 3 — разработка клиентских приложений
    1 месяц
    Далее
  • Академия Эдюсон
    Frontend-разработчик + ИИ
    9 месяцев
    Далее
  • Stepik
    Frontend разработчик на HTML, CSS и JavaScript
    4 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
VladZen
@VladZen
front-end developer
Вдобавок к предыдущему ответу посмотрите вложенные именованные представления
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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