Collapse 折叠面板
通过折叠面板收纳内容区域
基础用法
可同时展开多个面板,面板之间不影响
手风琴效果
每次只能展开一个面板
自定义面板标题
除了可以通过 title 属性以外,还可以通过具名 slot 来实现自定义面板的标题内容,以实现增加图标等效果。
Collapse API
Collapse Attributes
| 属性名 | 详情 | 类型 | 默认值 |
|---|---|---|---|
| model-value / v-model | 当前激活的面板(如果是手风琴模式,绑定值类型需要为string,否则为array) | string(手风琴模式)/array(非手风琴模式) | — |
| accordion | 是否手风琴模式 | boolean | boolean |
Collapse Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| change | 当前激活面板改变时触发(如果是手风琴模式,参数 activeNames 类型为string,否则为array) | (activeNames: array (非手风琴模式) / string (手风琴模式)) |
Collapse Slots
| 插槽名 | Description | 子标签 |
|---|---|---|
| default | 自定义默认内容 | Collapse Item |
Collapse Item API
Collapse Item Attributes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| name | 唯一标志符 | string/number | — |
| title | 面板标题 | string | — |
| disabled | 是否禁用 | boolean | — |
Collapse Item Slot
| 插槽名 | 说明 |
|---|---|
| default | Collapse Item 的内容 |
| title | Collapse Item 的标题 |