# Collapse 折叠面板
通过折叠面板收纳内容区域。
# 代码演示
# API
# Collapse Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
---|---|---|---|---|---|
accordion | 是否手风琴模式 | Boolean | — | false | |
value / v-model | 当前激活的面板(如果是手风琴模式,绑定值类型需要为string ,否则为array ) | String | Array | — | — | |
icon-class | 面板头部 icon,接受一个数组用于定义默认 icon 与展开后的 icon | String[] | — | — | v2.0.0 |
border | 是否 需要描边样式 | Boolean | — | true | v2.0.0 |
plain | 是否简洁手风琴样式 | Boolean | — | false | v2.0.0 |
round | 是否需要圆角样式 | Boolean | — | true | v2.0.0 |
size | 折叠面板尺寸大小,默认为 medium | String | 'large' | 'medium' | 'small' | 'medium' | v2.0.0 |
icon-position | 头部 icon 位置,默认为 left | String | 'left' | 'right' | 'left' | v2.4.29 |
custom-transition | 是否使用新的展开/收起动画样式 | Boolean | — | false | v2.4.29 |
box-shadow | 是否需要阴影 | Boolean | — | false | v2.4.29 |
# Collapse Events
事件名称 | 说明 | 回调参数 | Version |
---|---|---|---|
change | 当前激活面板改变时触发(如果是手风琴模式,参数 activeNames 类型为string ,否则为array ) | (activeNames: Array | String) |
# Collapse Item Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
---|---|---|---|---|---|
name | 唯一标志符 | String | Number | — | — | |
title | 面板标题 | String | — | — | |
disabled | 是否禁用 | Boolean | — | — | V2.4.17 |