Skip to content

Collapse 折叠面板 ​

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

基础用法 ​

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

手风琴效果 ​

每次只能展开一个面板

自定义arrow的位置和显示 ​

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

arrow位于右侧

arrow不显示

API ​

Collapse Props ​

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

Collapse events ​

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

Panel Props ​

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