首先先看一下原圖，點(diǎn)擊左側(cè)一級(jí)導(dǎo)航路由出二級(jí)導(dǎo)航，點(diǎn)擊二級(jí)導(dǎo)航出內(nèi)容

<template>
<div id="app" class="clearfix">

<TopNavigationBar></TopNavigationBar> <!--原圖紅色區(qū)域-->
<div class="main">
  <SideNavigation></SideNavigation> <!--原圖藍(lán)色區(qū)域-->

  <div class="main-right">
    <router-view></router-view>   <!--原圖綠色區(qū)域-->
    <router-view name="table"></router-view>  <!--原圖黑色區(qū)域-->
  </div>
</div>

</div>
</template>
因?yàn)樘砑哟a有點(diǎn)問題，所以這個(gè)是整個(gè)布局的代碼截圖，因?yàn)橥瑫r(shí)有兩個(gè)兩個(gè)視圖，第二個(gè)試圖加了name屬性

routes: [{

        path: '/',
        name: 'login',
        component: ()=>import('@/views/login/login')
    },
    {
        path: '/layout',
        name: 'layout',
        // redirect: 'layout/TwoLevelHeadlines',
        component: ()=>import('@/views/layout/AppMain'),
        children: [{
            name: 'TwoLevelHeadlines',
            path: 'TwoLevelHeadlines',
            component: ()=>import('@/views/layout/TwoLevelHeadlines'),
            children: [{
                name: 'department',
                path: 'department',
                component: {
                    table: ()=>import('@/views/supplier/basicSettings/department')},
            }]
        }]
    }
]

這張是router的代碼。先登陸再進(jìn)入到layout，然后點(diǎn)擊側(cè)邊的一級(jí)標(biāo)題路由出二級(jí)標(biāo)題，最后點(diǎn)擊二級(jí)標(biāo)題的時(shí)候路由出最后的內(nèi)容，在三級(jí)路由中的component屬性也給了router-view中的name值，找了好久也沒找到問題

這邊的url已經(jīng)添加了department，但是組件沒有出來，想問一下大佬是什么原因，是布局的問題還是router中的代碼有問題

<template>
<div id="app">

<router-view></router-view>

</div>
</template>
這個(gè)是App.vue中的代碼，不知道跟這里有沒有關(guān)系