组件/Collapse 折叠面板
通用组件

Collapse 折叠面板

可展开内容区域

该页面由 AI 迁移生成,请谨慎使用

内容已迁移完成,但仍建议结合源码和人工评审结果使用。

Collapse 折叠面板

用于收纳可折叠的内容块。

基础用法

折叠面板

点击展开详细内容。

示例即将加载...
<script setup lang="ts">
import { ref } from 'vue'

const active = ref(['first'])
</script>

<template>
  <TxCollapse v-model="active">
    <TxCollapseItem title="快速开始" name="first">
      这里是基础说明。
    </TxCollapseItem>
    <TxCollapseItem title="高级选项" name="second">
      这里是高级配置说明。
    </TxCollapseItem>
  </TxCollapse>
</template>

API(Lite)

TxCollapse Props

属性名类型默认值说明
modelValue当前展开项
accordion是否手风琴模式