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