Skip to content

FaCollapsible 折叠面板

可折叠的内容面板,支持展开/收起动画。

使用场景

  • FAQ 问答列表
  • 手风琴菜单
  • 可展开的详情区域
  • 目录折叠
  • 高级筛选条件展开

Props

Model

名称类型说明
modelValueboolean展开/收起状态(支持 v-model)

Slots

名称说明
trigger触发元素,slot props: { open: boolean }
default可折叠的内容

注意事项

  1. 触发器可选:不提供 trigger slot 时,仅渲染可折叠内容
  2. 动画效果:展开/收起时有平滑的高度动画
  3. 状态同步:通过 v-model 双向绑定控制展开状态
  4. 内容要求:折叠内容应该有明确的高度,避免嵌套复杂布局