组件列表
组件列表是搭建表单的主入口:按分组浏览可拖拽的组件与模板,并配合「字段」「大纲」管理结构。从零搭表时,通常从这里开始。

在哪里找
左侧功能栏点击组件列表。面板内通常可切换:
| 区域 | 作用 | 说明 |
|---|---|---|
| 组件 | 按分组拖拽组件、模板 | 本文重点 |
| 字段 | 使用预置业务字段 | 字段简介 |
| 大纲 | 树形查看与定位结构 | 大纲简介 |
怎么用
完整步骤见:添加组件。
分组速览
模板
可复用的常见结构,拖入即可得到一组排好的布局或业务片段。
- 三列栅格、四列栅格、四行三列表格
- 金额、时长
详见:组件模板
基础组件
用于收集数据的字段控件。
- 输入框、多行输入框、密码输入框、计数器、提及、分段控制器
- 单选框、多选框、选择器、开关、评分、滑块
- 时间、时间区间、日期、日期区间、颜色选择器
- 级联选择器、上传、穿梭框、树形控件、树形选择、省市区选择器
- 富文本框、数据表格、Vxe 数据表格
- 唯一值、手写签名、计算公式、子表单选择器、位置选择器
详见:基础组件
子表单组件
用于一对多明细、分步、分组等复杂数据结构。
- 子表单、分组、分步表单
- 表格表单、表格表单 Pro、嵌套表单、无限级表单
详见:子表单组件
容器组件
承载自定义区域或特殊渲染内容(如插槽、动态区域等)。
详见:容器组件
图表组件
折线、柱状、饼图、漏斗、仪表盘及流程图、思维导图等可视化组件。
详见:图表组件
辅助组件
说明文案、按钮、媒体、二维码等,偏展示与操作,不一定产生业务字段值。
详见:辅助组件
布局组件
栅格、卡片、标签页、折叠面板等,用于排版与信息分区。
详见:布局组件
选型建议
| 你的目标 | 优先看 |
|---|---|
| 收集姓名、日期、选项等数据 | 基础组件 |
| 多行明细、分步填写 | 子表单组件 |
| 分区、多列、页签 | 布局组件 / 模板 |
| 提示、按钮、图片说明 | 辅助组件 |
| 统计图、流程示意 | 图表组件 |
| 快速复用固定结构 | 模板、表单列表 |
场景示例
入门:拖三个字段做意见反馈
- 打开组件列表 → 基础组件。
- 拖入输入框、多行输入框、评分。
- 标题改为「联系人」「意见」「满意度」。
- 预览试填。
常用:模板起稿再微调
- 拖入「三列栅格」模板。
- 在各列放入姓名、部门、入职日期。
- 用快速布局或栅格属性微调列宽。
- 补充校验后预览。


