el-menu-tree

menu的Tree模式，可以多级嵌套

Usage no npm install needed!

<script type="module">
  import elMenuTree from 'https://cdn.skypack.dev/el-menu-tree';
</script>

README

菜单树, 基于 el-menu, el-menu-item, el-sub-menu 实现

const menus = {
    name: '首页',
    route: '/home',
    icon: 'el-icon-odometer',
},
{
    name: '服务器管理',
    icon: 'el-icon-office-building',
    child: [
        {
            name: '服务器信息',
            icon: '',
            route: '/server-info',
        },
    ],
},
<el-menu-tree :data="menus" :default-active="menuActive" @select="handleMenuSelect"></el-menu-tree>

UPDATE

@DATE 2021-03-26
@OPTIMIZED 补充相关类型, 部分any


### UPDATE

@DATE 2021-03-10 @FIXED 菜单不显示问题，添加el-menu-tree-item中的name属性名称 @FEAT 新增当前点击菜单的config