Tab 标签页

February 27, 2026 · View on GitHub

标签页组件,用于分组展示内容。

引入

import { ATab } from '@airpower/web'

Props

参数说明类型默认值必填
labelTab 标题string'Tab'

Emits

Slots

插槽名说明作用域参数
default标签页内容-

示例

<template>
  <ATabs>
    <ATab label="用户信息">
      <div>用户信息内容</div>
    </ATab>
    <ATab label="订单信息">
      <div>订单信息内容</div>
    </ATab>
    <ATab label="设置">
      <div>设置内容</div>
    </ATab>
  </ATabs>
</template>

注意事项

  • 必须与 ATabs 组件配合使用
  • 支持所有 Element Plus TabPane 的原生属性和事件(通过 $attrs 透传)