Skip to content
One-step Console 官方文档
搜索文档
⌘
Ctrl
K
Main Navigation
文档
指南
组件
在线演示
专业版
备用地址
专业版
购买专业版
Appearance
Menu
Return to top
On this page
作者其他作品
Fantastic-startkit
简单好用的 Vue3 项目启动套件
Fantastic-admin
面向 AI 的管理系统框架
Fantastic-mobile
自成一派的 H5 框架
Are you an LLM? You can read better optimized documentation at /components/basic/OcCollapsible.md for this page in Markdown format
FaCollapsible 折叠面板
可折叠的内容面板,支持展开/收起动画。
使用场景
FAQ 问答列表
手风琴菜单
可展开的详情区域
目录折叠
高级筛选条件展开
Props
Model
名称
类型
说明
modelValue
boolean
展开/收起状态(支持 v-model)
Slots
名称
说明
trigger
触发元素,slot props:
{ open: boolean }
default
可折叠的内容
注意事项
触发器可选
:不提供
trigger
slot 时,仅渲染可折叠内容
动画效果
:展开/收起时有平滑的高度动画
状态同步
:通过
v-model
双向绑定控制展开状态
内容要求
:折叠内容应该有明确的高度,避免嵌套复杂布局