{path: "/trafficmanagement",component: Layout,redirect: "/trafficmanagement",alwaysShow: true,meta: {title: "通行模块",icon: "excel",},children: [{path: "carline",name: "carline",alwaysShow: true,component: () => import("../views/trafficmanagement/carline"),meta: { title: "车行" },children: [{path: "carshopmanagement",component: () => import("@/views/trafficmanagement/carline/carshopmanagement"),name: "carshopmanagement",meta: { title: "车行管理", affix: true },},{path: "accessmanagement",component: () => import("@/views/trafficmanagement/carline/accessmanagement"),name: "accessmanagement",meta: { title: "进出管理", affix: true },},],},{path: "peopline",name: "peopline",alwaysShow: true,component: () => import("../views/trafficmanagement/peopline"),meta: { title: "人行" },children: [{path: "peopconfig",component: () => import("@/views/trafficmanagement/peopline/peopconfig"),name: "peopconfig",meta: { title: "人行管理", affix: true },},],},],},
套了两层的children,其中在第二层套的时候,也就是车行的import 的指向是必须要有文件的,而不单单只是一个文件夹,必须要在这里再写一个出口才行。
文件截图如下:
carline文件以及peopline文件之下的index.vue内容就是又一层的路由出口
<template><div id="app"><router-view /></div>
</template><script>
export default {};
</script><style>
</style>