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 | 手风琴 | Boolean | false | No |
multiple | 多选 | Boolean | false | No |
ripple | 点击波纹 | Boolean | false | No |
disabled | 禁用 | Boolean | false | No |
CollapsePanel API
属性
属性名 | 说明 | 类型 | 默认值 | 是否必填 |
---|---|---|---|---|
key | 面板的标识 | String/Number | index | No |
title | 面板标题 | String | - | No |
disabled | 禁用 | Boolean | false | No |
插槽
插槽名 | 说明 | 作用域参数 |
---|---|---|
default | 自定义内容 | - |
header | 自定义标题 | - |