Collapse 折叠面板
通过折叠面板收纳内容区域
基础用法
可同时展开多个面板,面板之间不影响
手风琴效果
每次只能展开一个面板
自定义arrow的位置和显示
适用于在多个互斥的选项中选择的场景
arrow位于右侧
arrow不显示
API
Collapse Props
属性 | 描述 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
model-value/v-model | 当前激活的面板的 name,可以使用 v-model 双向绑定 | Array|String | — | — |
accordion | 是否开启手风琴模式,开启后每次至多展开一个面板 | boolean | — | false |
arrow | 箭头的位置 | string | left/right/none | left |
Collapse events
事件名称 | 描述 | 参数 |
---|---|---|
change | v-model变化时触发 | array<itemName> |
Panel Props
属性 | 描述 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
header | 设置 header | String | — | — |
name | 唯一标识 | String|number | — | — |