Element-plus

FormCollapse

折叠面板，通常用在布局空间要求较高的表单场景

注意：只能用在 Schema 场景

Markup Schema 案例

JSON Schema 案例

API

FormCollapse

属性名类型描述默认值
formCollapseIFormCollapse传入通过 createFormCollapse/useFormCollapse 创建出来的模型

其余参考 https://element-plus.gitee.io/zh-CN/component/collapse.htmlopen in new window

FormCollapse.Item

参考 https://element-plus.gitee.io/zh-CN/component/collapse.html#collapse-插槽open in new window

FormCollapse.createFormCollapse

type ActiveKey = string | number
type ActiveKeys = string | number | Array<string | number>

interface createFormCollapse {
  (defaultActiveKeys?: ActiveKeys): IFormCollpase
}

interface IFormCollapse {
  //激活主键列表
  activeKeys: ActiveKeys
  //是否存在该激活主键
  hasActiveKey(key: ActiveKey): boolean
  //设置激活主键列表
  setActiveKeys(keys: ActiveKeys): void
  //添加激活主键
  addActiveKey(key: ActiveKey): void
  //删除激活主键
  removeActiveKey(key: ActiveKey): void
  //开关切换激活主键
  toggleActiveKey(key: ActiveKey): void
}