# 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 | 描述内容 |