Collapse 折叠面板

通过折叠面板收纳内容区域

基础用法

可同时展开多个面板,面板之间不影响

手风琴效果

每次只能展开一个面板

自定义面板标题

除了可以通过 title 属性以外,还可以通过具名 slot 来实现自定义面板的标题内容,以实现增加图标等效果。

Collapse Attributes

属性名详情类型可选值默认值
model-value / v-model当前激活的面板(如果是手风琴模式,绑定值类型需要为string,否则为array)string (accordion mode) / array (non-accordion mode)
accordion是否手风琴模式booleanfalse

Collapse Events

事件名说明回调参数
change当前激活面板改变时触发(如果是手风琴模式,参数 activeNames 类型为string,否则为array)(activeNames: array (non-accordion mode) / string (accordion mode))

Collapse Slots

插槽名Description子标签
-自定义默认内容Collapse Item

Collapse Item Attributes

属性名说明类型可选值默认值
name唯一标志符string/number
title面板标题string
disabled是否禁用boolean

Collapse Item Slot

插槽名说明
content of Collapse Item
titlecontent of Collapse Item title

源代码

组件文档

贡献者