## routerBar 路由切换选项卡
通过路由跳转实现选项卡切换<br/>
⚠️注意：
与tabBar不同，该组件会通过地址栏中的路由地址匹配选中项，若没有匹配到，则选中第一项，并触发回调事件；
路由跳转的操作需写在回调事件中
##### 基本用法
```
<pf-routerbar :routerconfig="tabConfigData" @changerouter="changeRouter"></pf-routerbar>
data() {
return {
tabConfigData: [
{
id: "mbl",
name: "标签1",
count:3,
},
{
id: "ydzl",
name: "标签2",
count:0,
},
{
id: "ydmx",//要跳转的路由
name: "标签3", //标签名称（必传）
count:3, //标签上徽标数字（可不传，默认0（不显示））
},
{
id: "xksj",
name: "标签4",
count:0,
}
]
}
},
methods: {
changeRouter: function (index) {
console.log('------------触发了tab点击------------');
console.log(index);
this.$router.push('/Classdata/' + this.tabConfigData[index].id);
}
}
```
##### Props：
参数 | 说明 | 类型 | 默认值 |
---|---|---|---
routerconfig | 标签列表 | array
##### 事件：
事件名 | 说明 | 参数 |
---|---|---|---
changerouter | 点击标签时触发的回调事件 | index：当前索引
