Skip to content

控制表单配置显隐状态

通过 config.hiddenFormConfig 字段,您可以控制设计器中右侧表单配置项的显隐状态。这些配置可以帮助您更精细地管理表单设计器的用户界面,使其更加符合业务需求。

数据结构

ts
type Config = {
    //隐藏表单的部分配置项
    hiddenFormConfig?: string[];
}

隐藏指定配置项

使用 hiddenItemConfig 隐藏右侧配置面板中的指定配置项。例如,隐藏所有组件的 disabled 配置项和输入框组件的 field 配置项:

vue
<template>
    <fc-designer ref="designer" :config="config"/>
</template>
<script setup>
    const config = {
        hiddenFormConfig: ['event'],
    }
</script>

表单配置字段名

字段 ID说明
formCreateFormName表单名称
labelPosition标签位置
size组件尺寸
labelSuffix标签后缀
labelWidth标签宽度
wrap>style>marginBottom表单项下边距
hideRequiredAsterisk隐藏必填字段的标签旁边的红色星号
showMessage显示校验错误信息
inlineMessage以行内形式展示校验信息
_submitBtn>show显示提交按钮
_resetBtn>show显示重置按钮
formCreateIgnoreHiddenFields提交表单时忽略被隐藏的字段
titleStyle组件标签样式
event表单事件