vue+element ui 递归菜单

vue+element ui 递归菜单 思路

定义side-bar和side-bar-item两个component，根据传入的菜单树生成递归菜单

side-bar

props: {menus: Array}

side-bar-item

props:{menu: Object}

使用

样例数据

menus: [
    {
        type: 1,
        path: '/system',
        meta: {icon: 'el-icon-home', title: '系统模块'},
        children: [
            {
                type: 2,
                path: '/system/user',
                meta: {icon: 'el-icon-home', title: '用户'},
            },
            {
                type: 2,
                path: '/system/role',
                meta: {icon: 'el-icon-home', title: '角色'},
            }
        ]
    },
    {
        type: 2,
        path: '/ex',
        meta: {icon: 'el-icon-home', title: 'ex'}
    },
],