Skip to content

Tab 选项卡项

用于在 MtTabs 内声明单个选项卡标题和标识。

示例

基础用法

类型

属性示例

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

label 用于展示标题,name 用于和 MtTabsmodel-value 匹配;未传 name 时会使用当前 Tab 在父级中的索引。

API

Props

属性名说明类型默认值
label选项卡标题string''
nameMtTabs 绑定值对应的标识number | string0

Events

该组件无自定义事件。点击切换由父级 MtTabs 统一触发 update:model-valuechange

Slots

该组件无插槽。

注意事项

  • MtTab 需要放在 MtTabs 内部使用。
  • 当前组件仅渲染标题,不承载面板内容。