Skip to content

组件列表

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

在哪里找

左侧功能栏点击组件列表。面板内通常可切换:

区域作用说明
组件按分组拖拽组件、模板本文重点
字段使用预置业务字段字段简介
大纲树形查看与定位结构大纲简介

怎么用

  1. 在搜索框输入关键字,或展开对应分组。
  2. 将组件拖到工作区
  3. 属性栏改标题、校验等。
  4. 用顶部预览检查效果。

完整步骤见:添加组件

分组速览

模板

可复用的常见结构,拖入即可得到一组排好的布局或业务片段。

  • 三列栅格、四列栅格、四行三列表格
  • 金额、时长

详见:组件模板

基础组件

用于收集数据的字段控件。

  • 输入框、多行输入框、密码输入框、计数器、提及、分段控制器
  • 单选框、多选框、选择器、开关、评分、滑块
  • 时间、时间区间、日期、日期区间、颜色选择器
  • 级联选择器、上传、穿梭框、树形控件、树形选择、省市区选择器
  • 富文本框、数据表格、Vxe 数据表格
  • 唯一值、手写签名、计算公式、子表单选择器、位置选择器

详见:基础组件

子表单组件

用于一对多明细、分步、分组等复杂数据结构。

  • 子表单、分组、分步表单
  • 表格表单、表格表单 Pro、嵌套表单、无限级表单

详见:子表单组件

容器组件

承载自定义区域或特殊渲染内容(如插槽、动态区域等)。

详见:容器组件

图表组件

折线、柱状、饼图、漏斗、仪表盘及流程图、思维导图等可视化组件。

详见:图表组件

辅助组件

说明文案、按钮、媒体、二维码等,偏展示与操作,不一定产生业务字段值。

详见:辅助组件

布局组件

栅格、卡片、标签页、折叠面板等,用于排版与信息分区。

详见:布局组件

选型建议

你的目标优先看
收集姓名、日期、选项等数据基础组件
多行明细、分步填写子表单组件
分区、多列、页签布局组件 / 模板
提示、按钮、图片说明辅助组件
统计图、流程示意图表组件
快速复用固定结构模板、表单列表

场景示例

入门:拖三个字段做意见反馈

  1. 打开组件列表 → 基础组件。
  2. 拖入输入框、多行输入框、评分。
  3. 标题改为「联系人」「意见」「满意度」。
  4. 预览试填。

常用:模板起稿再微调

  1. 拖入「三列栅格」模板。
  2. 在各列放入姓名、部门、入职日期。
  3. 用快速布局或栅格属性微调列宽。
  4. 补充校验后预览。

相关阅读

相关技术文档