## 基础用法
Element
处理中心
我的工作台
订单管理
```html
Element
处理中心
我的工作台
订单管理
```
Element
处理中心
我的工作台
订单管理
```html
Element
处理中心
我的工作台
订单管理
``` ## 侧边栏导航
Element
导航一
导航二
选项1
选项2
选项3
导航三
选项1
选项2
选项3
```html
Element
导航一
导航二
选项1
选项2
选项3
导航三
选项1
选项2
选项3
```
Element
导航一
导航二
选项1
选项2
选项3
导航三
选项1
选项2
选项3
导航四
选项1
选项2
选项3
导航五
选项1
选项2
选项3
```html
Element
导航一
导航二
选项1
选项2
选项3
导航三
选项1
选项2
选项3
``` ## menu API | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | mode | 模式 | string | horizontal,vertical | horizontal | | theme | 主题色 | string | light,dark | light | | activeKey | 当前激活菜单的 key | string | | | | openedKeys | 当前打开的submenu的 key 数组 | Array | | | | uniqueOpend | 是否只保持一个子菜单的展开 | boolean | true, false | false | | router | 是否使用 vue-router 的模式,启用该模式会在 select 事件触发时执行 this.$route.$router.go(key) 进行路由跳转 | boolean | true, false | false | | select | 菜单激活回调 | function(key, keyPath) | | | | open | SubMenu 展开的回调 | function(key, keyPath) | | | | close | SubMenu 收起的回调 | function(key, keyPath) | | | ## submenu API | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | key | 唯一标志 | string | | | ## menu-item API | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | key | 唯一标志 | string | | |