element-menu v0.1.4

element-menu

依赖安装

npm install element-menu

参数说明

menuList：导入的菜单数据
active_menu： 当前点击的菜单的path
isCollapse: 菜单是否收缩

menuList格式说明

menuList：{
    "id": 唯一约束索引,
    "path": 路由,用于跳转,
    "text": 路由中文名,
    "icon": 阿里巴巴矢量图class名,
    "children"：子路由
}

menuList参数例子

menuList： [
    {
        "id": "01", 
        "path": "#",
        "text": "demo1",
        "icon": "icon-yitihuajiankong",
        "children": [
            {
                "path": "/main/demo10/",
                "id": "010",
                "text": "demo10",
                "icon":"icon-caidan",
                "children": []
            },
            {
                "path": "/main/demo11/",
                "id": "011",
                "text": "demo10",
                "icon":"icon-caidan",
                "children": []
            }
        ]
    },
    {

    }
]

使用方法

第一步：导入依赖
import MenuItem from 'element-menu'
第二步：注册
components: {
    MenuItem
}
第三步：使用

<Menu-item :menuList="menuList" :active_menu="active_menu" :isCollapse="isCollapse></Menu-item>

Customize configuration

See Configuration Reference.