Tabs 组件

Tabs 适合在同一块区域对比多种内容（如多语言代码、不同目录结构、不同配置方案）。

基础用法

src/utils/math.tsTypeScript

export const add = (a: number, b: number) => a + b

scripts/math.pyPython

def add(a: int, b: int) -> int:
    return a + b

• examples

  • math.ts
  • math.py
• README.md

<Tabs default-value="ts" label="多语言示例">
  <Tab value="ts" label="TypeScript">...</Tab>
  <Tab value="py" label="Python">...</Tab>
  <Tab value="tree" label="File Tree">...</Tab>
</Tabs>

禁用页签

这个页签可正常切换。

这项不会被激活。

Props

Tabs

参数	类型	默认值	说明	示例
label	string	Tabs	页签组可访问标签。	label="多语言示例"
defaultValue	string	''	初始激活 tab 的 value。	default-value="ts"

Tab

参数	类型	默认值	说明	示例
value	string	-	唯一标识（必填）。	value="ts"
label	string	value	页签标题。	label="TypeScript"
icon	string	''	页签图标。	icon="mdi:language-typescript"
disabled	boolean	false	禁用该页签。	:disabled="true"