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