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>
  • Вопрос задан
  • 285 просмотров
Пригласить эксперта
Ответы на вопрос 1
VladZen
@VladZen
front-end developer
Вдобавок к предыдущему ответу посмотрите вложенные именованные представления
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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