IgorPI
@IgorPI

Vue routers children не работает?

Коллеги, приветствую, не работает вложенные маршруты

/view/index.js
spoiler
import Index from './Index.vue'
import FoodItems from './Foods/Items.vue'
import FoodNew from './Foods/New.vue'
import FoodEdit from './Foods/New.vue'
import OrderItems from './Orders/Items.vue'

export const VIEW = {
    Index,
    FoodItems,
    FoodNew,
    FoodEdit,
    OrderItems
}


/router.js
spoiler
import Vue from "vue"
import Router from "vue-router"

import {VIEW} from "./views/index"

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: "/",
      name: "Index",
      component: VIEW.Index
    },
    {
      path: "/foods",
      name: "Foods Items",
      component: VIEW.FoodItems,
      children: [
        {
          path: "new",
          component: VIEW.FoodNew
        },
        {
          path: "edit",
          component: VIEW.FoodEdit
        }
      ],
    },
    {
      path: "/orders",
      name: "Orders Items",
      component: VIEW.OrderItems
    },
    {
      path: "/about",
      name: "About",
      component: () => import( "./views/About.vue")
    }
  ]
})


Не переходит к дочерним роутам.
Навигация происходит только

Где я косячу?

Руководствовался документацией
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега Vue.js
А есть где их отображать? Не забыли добавить router-view в FoodItems?
Ответ написан
Ваш ответ на вопрос

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

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