用Props传JSON配置驱动表单动态渲染，统一管理结构、校验、交互；支持动态组件、字段级显隐禁用、配置即文档，运营可后台编辑免发版。
用 Props 传配置，让表单“长”出来——这是前端提效的关键一招。核心不是写一堆 v-if，而是把表单结构、校验规则、默认值、交互逻辑都收口到一个 JSON 配置里，组件只负责“读懂”并渲染它。
配置项设计：字段即对象，类型即行为
每个字段配置至少包含：key（唯一标识）、label（显示名）、type（输入类型）、props（透传给底层组件的属性）、rules（校验规则）。比如：
-
type: "input" → 渲染
<el-input></el-input>，props 可带placeholder、maxlength -
type: "select" → 渲染
<el-select></el-select>，props 带options数组和value-key -
type: "date-picker" → 自动挂载
format、value-format，支持范围选择或单选
组件内动态渲染：用 v-for + component :is
不写 N 个 v-if 分支，而是统一用动态组件：
- 遍历
formConfig数组，用<component :is="getComponentType(item.type)" v-bind="item.props" v-model="formData[item.key]"></component> -
getComponentType是个映射函数，返回"el-input"、"el-date-picker"等字符串 - 对特殊类型（如级联选择器、多图上传）可封装成自定义子组件，注册进映射表即可复用
校验与提交：配置驱动，不耦合业务逻辑
表单校验不手写 this.$refs.form.validate()，而是基于配置自动组装：
- 将每个字段的
rules合并进el-form的:rules对象，key 为字段key - 提交时调用
validate，通过后触发@submit事件，传入formData和原始配置项，后端能直接按 key 映射字段 - 支持字段级禁用/隐藏：在配置中加
disabled: true或hidden: true，组件内统一响应
后台提效落地点：配置即文档，改表单=改 JSON
运营或产品同学可在管理后台编辑 JSON 配置（或可视化表单生成器），发布后前端实时拉取，无需发版：
- 新增字段？加一条配置，字段自动出现在表单、校验、提交数据中
- 调整顺序？改数组索引；隐藏某字段？设
hidden: true - 灰度测试？配置加
env: ["prod", "beta"]，组件根据环境过滤渲染
