Skip to content

Collapse 折叠面板

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

基础用法

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

手风琴效果

每次只能展开一个面板

自定义arrow的位置和显示

适用于在多个互斥的选项中选择的场景

arrow位于右侧

arrow不显示

API

Collapse Props

属性描述类型可选值默认值
model-value/v-model当前激活的面板的 name,可以使用 v-model 双向绑定Array|String
accordion是否开启手风琴模式,开启后每次至多展开一个面板booleanfalse
arrow箭头的位置stringleft/right/noneleft

Collapse events

事件名称描述参数
changev-model变化时触发array<itemName>

Panel Props

属性描述类型可选值默认值
header设置 headerString
name唯一标识String|number