Collapse 折叠面板

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

基础用法

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

手风琴效果

每次只能展开一个面板

自定义面板标题

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

Collapse API

Collapse Attributes

属性名详情类型默认值
model-value / v-model当前活动面板,在手风琴模式下其类型是string,在其他模式下是arraystring / array[]
accordion是否手风琴模式booleanboolean

Collapse Events

事件名说明类型
change切换当前活动面板,在手风琴模式下其类型是string,在其他模式下是arrayFunction

Collapse Slots

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

Collapse Item API

Collapse Item Attributes

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

Collapse Item Slot

插槽名说明
defaultCollapse Item 的内容
titleCollapse Item 的标题

源代码

组件文档

贡献者