大标签 / 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 |
<optional> |
false
|
是否能选择 |
to |
Object | 路由跳转,必填 | ||
routerType |
String |
<optional> |
'replace'
|
路由跳转类型: replace/push |
show |
Boolean |
<optional> |
true
|
是否显示, 用于灰度发布等场景 |
tabBadge |
String |
<optional> |
徽章显示值 | |
tabBadgeStyle |
String |
<optional> |
徽章颜色 | |
tabIcon |
String |
<optional> |
tab的IconName | |
tabTitle |
String |
<optional> |
tab的tabTitle |
对外事件 / Fires:
用法 / Usages
<Tab routerType="replace" :to="{name:'tabsBottom.demoTab3'}" tabBadge="7" tabTitle="Star" tabIcon="star" :disabled="false"></Tab>