• 基础用法
  • 手风琴效果
  • 自定义面板标题
  • Collapse Attributes
  • Collapse Events
  • Collapse Item Attributes

    基础用法

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

    Collapse 折叠面板 - 图1

    手风琴效果

    每次只能展开一个面板

    Collapse 折叠面板 - 图2

    自定义面板标题

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

    Collapse 折叠面板 - 图3

    Collapse Attributes

    参数说明类型可选值默认值
    accordion是否手风琴模式booleanfalse
    value当前激活的面板(如果是手风琴模式,绑定值类型需要为string,否则为array)string/array

    Collapse Events

    事件名称说明回调参数
    onChange当前激活面板改变时触发(如果是手风琴模式,参数类型为string,否则为array)(activeNames: array/string)

    Collapse Item Attributes

    参数说明类型可选值默认值
    name唯一标志符string/number
    title面板标题string/node