Skip to content
Fantastic-admin 官方文档
搜索文档
文档
指南
组件
技术揭秘
历史版本文档
v5 (Vue3版本)
v4 (Vue3版本)
v3 (Vue3版本)
v2 (Vue3版本)
v1 (Vue2版本)
在线演示
基础版
专业版
备用地址
基础版
专业版
技术支持
下载 / 购买
下载基础版
购买专业版 ⭐
定制开发
💖 友情推荐
VForm 低代码表单
FormCreate 可视化表单设计器
Vexip UI 组件库
MineAdmin 开箱即用后台系统
Go-Ldap-Admin openLDAP后台管理项目
TOPIAM 单点登录与统一身份认证平台
Antdv Next 组件库
交换友链 ?
Menu
Return to top
On this page
作者其他作品
Fantastic-startkit
简单好用的 Vue3 项目启动套件
Fantastic-mobile
自成一派的 H5 框架
One-step Console
一步编排你的工作现场
FaCollapsible 折叠面板
可折叠的内容面板,支持展开/收起动画。
使用场景
FAQ 问答列表
手风琴菜单
可展开的详情区域
目录折叠
高级筛选条件展开
Props
Model
名称
类型
说明
modelValue
boolean
展开/收起状态(支持 v-model)
Slots
名称
说明
trigger
触发元素,slot props:
{ open: boolean }
default
可折叠的内容
注意事项
触发器可选
:不提供
trigger
slot 时,仅渲染可折叠内容
动画效果
:展开/收起时有平滑的高度动画
状态同步
:通过
v-model
双向绑定控制展开状态
内容要求
:折叠内容应该有明确的高度,避免嵌套复杂布局