vue+element-ui 实现多级侧边栏导航

@效果图

导航菜单

asideBarItem组件封装

路由

routes: [
    {
        path: '/',
        component: List,
        name: '列表',
        //iconCls: 'el-icon-list',//图标样式class
        children: [
            { path: '/room', component:Room, name: '客房' ,children:[{
            		path: '/test', component:Test,  name: '登录'
           		}]
            },
            { path: '/spring', component: Spring,  name: '温泉' },
            { path: '/foodie', component: Foodie, name: '餐饮' }
        ]
    }，
    {
        path: '/login',
        component: Login,
        name: 'Login',
        hidden: true
    }
]