Skip to content

控制表单配置显隐禁用状态

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

数据结构

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

隐藏指定配置项

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

表单配置字段名

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