## sideBar 侧边导航栏
点击跳转到相应路由 #/path，
根据地址栏路由地址，匹配选中当前项，若未匹配到，默认选中第一个，并跳转到相应路由
##### 基本用法
```
<pf-sidebar ref="sideBar" :sideconfig="sideConfigData" :hidesidebar="hideLeft" @changemenu="changeMenu"></pf-sidebar>
data() {
return {
sideConfigData: [
{
childName: 'Student', //导航名称
id: "SideBar", //跳转路由
icon: "icon-zhaopin", //导航小图标
},
{
childName: 'Leave',
id: "SideBar",
icon: "icon-wendang",
},
{
childName: 'Channel',
id: "Channel",
icon: "icon-releave"
},
{
childName: 'Order',
id: "Order",
icon: "icon-releave"
},
{
childName: 'ClsRecord',
id: "ClsRecord",
icon: "icon-releave"
}
],
hideLeft:false
}
},
methods: {
//导航切换后的回调事件
changeMenu: function (index) {
//index ：当前索引
}
},
```
##### Props：
参数 | 说明 | 类型 | 默认值 |
---|---|---|---
sideconfig | 导航列表 | array
hidesidebar| 初始状态：是否隐藏| boolean | false（显示）
##### 事件：
事件名 | 说明 | 参数 |
---|---|---|---
changeMenu | 导航切换时触发的回调事件 | index：当前索引
##### 方法：
方法名 | 说明 | 参数 |
---|---|---|---
hideBar | 隐藏／显示侧边导航 | -
###### 调用说明
```
<pf-sidebar ref="sideBar" :sideconfig="sideConfigData" :hidesidebar="hideLeft" @changemenu="changeMenu"></pf-sidebar>
this.$refs.sideBar.hideBar()
```
