标签列表
TabList Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
value | string | - | 当前选中标签的值,支持 v-model:value。 |
size | TabListSize | 'md' | 标签的尺寸,可选 sm、md、lg。 |
layout | TabListLayout | 'hug' | 标签的排列方式,可选 hug(按内容宽度自适应)、fill(在容器内平均分配宽度)。 |
hasDivider | boolean | false | 是否在标签列表底部显示一条分隔线。 |
TabList 事件
| 名称 | 说明 |
|---|---|
update:value | 选中项变化时触发,用于 v-model:value 的双向绑定。 |
change | 选中项变化时触发,适合在切换后执行加载数据等操作。 |
TabList Slots
| 名称 | 说明 |
|---|---|
default | 放置 Tab 组件的默认插槽。 |
Tab Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
value | string | - | 标签的唯一标识,在同一 TabList 内应保持唯一。 |
panelId | string | - | 所控制面板的 ID,组件会写入 aria-controls,建立标签与面板的关联。 |
disabled | boolean | false | 是否禁用,禁用后不可点击,键盘导航也会跳过该标签。 |
Tab Slots
| 名称 | 说明 |
|---|---|
default | 标签上显示的文本内容。 |