新手，在router遇到了一些問題，自己研究著解決了很久沒結(jié)局屌，想問一下大神命名路由的跳轉(zhuǎn)問題。

<template>
  <div class="clearfix">
    <TopNavigationBar></TopNavigationBar> 
      <SideNavigation></SideNavigation> 
      <div class="main-right">
        <router-view name="SecondTitle"></router-view>
        <router-view name="table"></router-view>
      </div>
    </div>
  </div>
</template>
這是整個(gè)的布局文件，底部寫入了兩個(gè)router-view的標(biāo)簽，分別對(duì)應(yīng)兩個(gè)組件。一個(gè)是二級(jí)標(biāo)題，
另一個(gè)是點(diǎn)擊二級(jí)標(biāo)題之后route出來的組件。

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>
這是根組件，app.vue文件，里面放了一個(gè)默認(rèn)的router-view，首先在登錄界面，然后router到首頁(yè)，再由首頁(yè)的小組件router出其他的組件。

routes: [
    {
        //登錄頁(yè)
        path: '/',
        name: 'login',
        component: ()=>import('@/views/login/login')
    },
    {
        //首頁(yè)
        path: '/layout',
        name: 'layout',
        // redirect: 'layout/TwoLevelHeadlines',
        component: ()=>import('@/views/layout/AppMain'),
        children: [{
            //基礎(chǔ)設(shè)置
            name: 'BasicSettingsTitle',
            path: 'BasicSettingsTitle',
            components: {
                SecondTitle: ()=>import('@/views/layout/SecondTitle/BasicSettingsTitle'),
            },
            //table內(nèi)容
            children: [{
                name: 'department',
                path: 'department',
                components: {
                    table: ()=>import('@/views/supplier/basicSettings/department')
                }
            }]
        }

這是router的文件代碼，寫明了一些路徑，到基礎(chǔ)設(shè)置都是正常的，只有最后面的children中的組件無法被路由到

<el-menu-item index="/layout/BasicSettingsTitle/department">部門設(shè)置</el-menu-item>

這個(gè)是部門設(shè)置按鈕的代碼

頁(yè)面url的地址已經(jīng)更新，但是沒有刷出組件來，找了很久沒找到問題，想請(qǐng)大神們幫忙看一下哪里有問題