Tabs 标签页
用于多个视图、数据切换展示操作
基本使用
基础的、简洁的标签页。Tabs 组件提供了选项卡功能， 默认选中第一个标签页。
选项卡样式
选项卡样式的标签页。只需要设置 type 属性为 card 就可以使选项卡改变为标签风格。
选项卡加图标
可以通过设置 icon 属性为选项卡添加图标。
禁用
设置 disabled 属性禁用此选项卡
位置
可以通过 tab-position 设置标签的位置。标签一共有四个方向的设置 tabPosition="left|right|top|bottom"
自定义颜色
可以通过设置 activeColor 自定义选中状态的字体颜色，以及指示器的颜色。
Tabs Attributes
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| v-model |
绑定值，选中选项卡的 name |
string |
— |
第一个选项卡的 name |
| type |
选项卡类型 |
string |
line/card |
line |
| tab-position |
选项卡所在位置 |
string |
top/right/bottom/left |
top |
| activeColor |
选中状态的字体颜色，以及指示器的颜色 |
string |
— |
— |
Tabs Events
| 事件名称 |
说明 |
回调参数 |
| tab-click |
tab 被选中时触发 |
被选中的标签 tab 实例 |
Tab-pane Attributes
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| label |
选项卡标题 |
string |
— |
— |
| name |
选项卡name |
string |
— |
— |
| icon |
选项卡的图标 |
string |
— |
— |
| disabled |
是否禁用 |
boolean |
— |
false |
