Appearance
Collapse
可以折叠/展开的内容区域
展开
不同颜色
展开
事件
展开
阻止展开或收起
展开
Props
参数名 | 参数类型 | 类型简介 | 示例 | 默认值 |
---|---|---|---|---|
modelValue | Key | - | - | [] |
size | CollapseSize | 组件大小 | - | 'md' |
radius | CollapseRadius | 组件圆角大小 | - | 'md' |
color | CollapseColor | 组件颜色 | #不同颜色 | 'default' |
accordion | Boolean | 如果为true, 则一次只能展开一个collapse-item | - | false |
disabledKeys | (string | number | symbol)[] | 定义哪些展开项不允许交互 | - | [] |
allowInitOpenEvent | Boolean | 初始化时是否允许运行 Open 事件 | - | false |
onBeforeClose | CollapseFunction | 关闭前触发的事件 | - | - |
onBeforeOpen | CollapseFunction | 打开前触发的事件 | - | - |
Types
typescript
export type CollapseSize = 'sm' | 'md' | 'lg';
export type CollapseRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
export type CollapseColor = 'default' | 'primary' | 'success'| 'danger' | 'warning';