大标签 / Tab
还是需要再声明下,Tab组件必须和Tabs组件配合使用, Tab组件内部与路由$router结合,
Tab点击切换使用的是$router.replace(this.to)处理的, 因此应该包含:to属性用于跳转。
传入属性 / Props:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
mode |
String |
<optional> |
Tab组件内Icon核Badge的模式, 不可较差定义不同mode, 默认跟随系统 | |
enabled |
Boolean |
<optional> |
是否能选择 | |
to |
Object | 路由跳转,必填 | ||
show |
Boolean |
<optional> |
true
|
是否显示 |
tabBadge |
String |
<optional> |
徽章显示值 | |
tabBadgeStyle |
String |
<optional> |
徽章颜色 | |
tabIcon |
String |
<optional> |
tab的IconName | |
tabTitle |
String |
<optional> |
tab的tabTitle |
对外事件 / Fires:
用法 / Usages
<vm-tab slot="tab" :to="{name:'tabsBottom.demoTab3'}" tabBadge="7" tabTitle="Star" tabIcon="star" :enabled="true"></vm-tab>