Collapse 折叠面板

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

基础用法

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

手风琴效果

每次只能展开一个面板

自定义面板标题

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

Collapse API

Collapse Attributes

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

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

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