# 折叠面板

# 概念说明

# 主要属性

组件通用属性请参见组件通用说明

属性名 类型 说明
组件名称 string 用于在表达式中引用、权限上报等场景
是否控制权限 bool 是否通过账号与权限中心控制该组件的权限。
显示条件 条件表达式 控制组件是否展示
表达式 选择项展示内容对应字段值
标题 上、下、左、右 选择项展示内容对应字段名称
是否显示箭头图标 bool 右侧下拉、上拉箭头是否展示
是否禁用 bool 折叠项是否可以展开
字体颜色 表达式 可以通过选择文本表达式来实现常量配置
背景颜色 表达式 可以通过选择文本表达式来实现常量配置
背景图片 表达式 可以通过选择文本表达式来实现常量配置

# 事件

# 组件事件

  • 展开

    入参 类型 说明
    $event object 自定义事件对象
    $event.itemVM UCollapseItem 面板组件
    $event.preventDefault Function 阻止展开/折叠流程
    senderVM Vue 发送事件实例
  • 收起

    入参 类型 说明
    $event object 自定义事件对象
    $event.itemVM UCollapseItem 面板组件
    senderVM Vue 发送事件实例

# 样式

样式说明请参见组件通用说明

# 示例

拖拽增加一个折叠面板。 03-120_01

上次更新: 2023年06月15日