# Collapse 折叠面板
# Collapse 概述
将内容区域折叠/展开。
# Collapse 代码示例
# 基础用法
默认可以同时展开多个面板,可以设置默认展开第几个。
# 手风琴
通过设置属性 accordion 开启手风琴模式,每次只能打开一个面板。
# 面板嵌套
折叠面板可以进行嵌套。
# Collapse API
# Collapse props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 当前激活的面板的 name,可以使用 v-model 双向绑定 | Array | String | - |
| accordion | 是否开启手风琴模式,开启后每次至多展开一个面板 | Boolean | false |
| noContentBox | 是否在内容为空时不显示内容框(只显示头部)(v1.0.17及其以上版本支持) | Boolean | false |
# Collapse events
| 事件名 | 说明 | 返回值 |
|---|---|---|
| on-change | 切换面板时触发,返回当前已展开的面板的 key,格式为数组 | [] |
# Panel props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| name | 当前面板的 name,与 Collapse的 value 对应,不填为索引值 | String | index |
| disabled | 设置属性为true时当前面板不可操作 | Boolean | false |
# Panel slot
| 名称 | 说明 |
|---|---|
| 无 | 面板头内容 |
| content | 描述内容 |