Skip to content

标签列表

TabList Props ​

名称类型默认值说明
valuestring-当前选中标签的值,支持 v-model:value。
sizeTabListSize'md'标签的尺寸,可选 sm、md、lg。
layoutTabListLayout'hug'标签的排列方式,可选 hug(按内容宽度自适应)、fill(在容器内平均分配宽度)。
hasDividerbooleanfalse是否在标签列表底部显示一条分隔线。

TabList 事件 ​

名称说明
update:value选中项变化时触发,用于 v-model:value 的双向绑定。
change选中项变化时触发,适合在切换后执行加载数据等操作。

TabList Slots ​

名称说明
default放置 Tab 组件的默认插槽。

Tab Props ​

名称类型默认值说明
valuestring-标签的唯一标识,在同一 TabList 内应保持唯一。
panelIdstring-所控制面板的 ID,组件会写入 aria-controls,建立标签与面板的关联。
disabledbooleanfalse是否禁用,禁用后不可点击,键盘导航也会跳过该标签。

Tab Slots ​

名称说明
default标签上显示的文本内容。