Tabs 标签页

用于在同一区域切换多个并列分类，支持卡片、按钮和线形展示风格。

示例

基础用法

类型

属性示例

<template>
  <mt-tabs
    v-model="activeName"
    type="line"
    @change="handleChange"
  >
    <mt-tab
      label="基础信息"
      name="base"
    />
    <mt-tab
      label="高级设置"
      name="advanced"
    />
  </mt-tabs>
</template>

model-value 与子组件 MtTab 的 name 对应。切换时组件会同时触发 update:model-value 和 change。

API

Props

属性名	说明	类型	默认值
model-value	当前选中选项卡的 name 或索引	number | string	0
type	风格类型	'button' | 'card' | 'line'	'card'

Events

事件名	说明	回调参数
update:model-value	当前激活项变化时触发	(name: number | string)
change	当前激活项变化时触发	(name: number | string)

Slots

插槽名	说明	作用域参数
default	选项卡内容，通常放置多个 MtTab	-

注意事项

• 选项数量不宜过多，标题应简短明确。
• line 类型适合轻量导航，card 和 button 类型适合更强调切换组件的场景。