Skip to content

Collapse 折叠面板

基础使用

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

多选模式

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

手风琴

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

自定义面板

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

禁用

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

水波纹

设置 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自定义标题-