@postya

Почему показывается тот же родительский копонент для вложенного роута?

Имеется родительский роут у которого есть компонент
Имеется для него nested route, у которого есть свой компонент

Почему вложенный роут показывает тот же родительский компонент, а не свой?

если же вложенный роут сделать как самостоятельный обычный роут, то все работает и его компонент отображается, а вот с nested почему-то не работает

Родительский route:
5f413b486522c530652727.jpeg

Вложенный route:
5f413b6a7812c425486983.jpeg

index.js:

import Locations from "../views/Locations";
import PreviewLocation from "../components/PreviewLocation";

Vue.use(VueRouter);

const routes = [
{
    path: "/locations",
    name: "Locations",
    meta: {
      title: "Locations"
    },
    component: Locations,
    children: [
      {
        path: "archangel-falls",
        name: "Archangel Falls",
        component: PreviewLocation,
        meta: {
          title: "Archangel Falls"
        }
      }
    ]
  }
]

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes
});

router.beforeEach((to, from, next) => {
  document.title = to.meta.title;
  next();
});

export default router;
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
Aetae
@Aetae Куратор тега Vue.js
Тлен
Потому что так и задумано. Можно делать цепочки вложенных router-view.
Читай документацию.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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