Tabs/Tab

大标签 / 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>