Skip to content

Collapse 折叠面板 ​

基础使用 ​

Collapse 内部使用 CollapsePanel 进行面板声明。Collapse 的 value 能控制对应面板的显隐,与 CollapsePanel 定义的 key 属性进行匹配,如果 key 没有定义,默认为面板索引值。

多选模式 ​

设置 multiple 属性即可启用多选。

手风琴 ​

设置 accordion 属性为 true,开启手风琴模式。

自定义面板 ​

标题通过 title 属性定义,也可以通过插槽 header 定义。

禁用 ​

设置 CollapsePanel 的 disabled 可以禁用对应的面板,也可以设置 Collapse 的 disabled 属性对所有面板进行禁用。

水波纹 ​

设置 ripple 属性为 true,开启点击水波纹效果

颜色 ​

利用内置颜色类调色,详细跳转 Color 颜色 查看

Tabs API ​

Collapse API ​

属性 ​

属性名说明类型默认值是否必填
value绑定值String/Number/Array-No
accordion手风琴BooleanfalseNo
multiple多选BooleanfalseNo
ripple点击波纹BooleanfalseNo
disabled禁用BooleanfalseNo

CollapsePanel API ​

属性 ​

属性名说明类型默认值是否必填
key面板的标识String/NumberindexNo
title面板标题String-No
disabled禁用BooleanfalseNo

插槽 ​

插槽名说明作用域参数
default自定义内容-
header自定义标题-