大标签 / Tab
还是需要再声明下，Tab组件必须和Tabs组件配合使用， Tab组件内部与路由$router结合,
Tab点击切换使用的是$router.[this.routerType](this.to)处理的， 因此应该包含:to属性用于跳转。
- 源码:
传入属性 / Props:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
mode |
String |
<optional> |
Tab组件内Icon核Badge的模式, 不可较差定义不同mode, 默认跟随系统 | |
disabled |
Boolean | String |
<optional> |
false
|
是否能选择 |
hidden |
Boolean | String |
<optional> |
false
|
是否能隐藏 |
selected |
Boolean | String |
<optional> |
false
|
是否被选中，当tabUrlPath为空时，依据此项设置判断是否选中 |
tabBadgeDot |
Boolean | String |
<optional> |
是否圆点徽章 | |
tabBadge |
String |
<optional> |
徽章显示值 | |
tabBadgeColor |
String |
<optional> |
徽章颜色 | |
tabIcon |
String |
<optional> |
tab的IconName | |
tabTitle |
String |
<optional> |
tab的tabTitle | |
tabUrlPath |
String |
<optional> |
tabUrlPath点击后的URL地址，并用于计算是否选中了本tab |
对外事件 / Fires:
- component:Tabs#event:onTabSelect
用法 / Usages
<vm-tab tabBadge="7" tabTitle="Star" tabIcon="star" disabled="false"></vm-tab>
<vm-tab tabBadgeDot="true" tabBadgeColor="danger" tabTitle="Star" tabIcon="star" disabled="false"></vm-tab>