控制表单配置显隐状态
通过 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 | 表单事件 |