X
FormCreateFormCreate
Vue动态表单
渲染器
FormCreate开源
通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件
Vue动态表单
设计器
FcDesigner开源
Vue 可视化 AI 表单设计器
PHP表单生成
插件
FormBuilder开源
开源的 PHP 表单生成插件
AI
AI 表单助理开源
根据自然语言描述自动生成和修改 FormCreate 表单规则
高级版
表单设计器
FcDesignerPro
轻松应对不同业务场景,为企业提供低代码表单解决方案
Skills
Agent Skills开源
为 Claude、Cursor 等 Agent 工具提供 FormCreate 能力,AI 驱动表单开发更高效

联系客服

公众号

下载源码

关注官方公众号
扫码联系客服
表单示例与功能演示
🎯 我们非常期待你能来贡献一个示例,分享你的智慧,一起让这里成为 FormCreate 使用者最宝贵的参考资料库! 立即分享

表单提交前置拦截示例

在 beforeSubmit 中返回 Promise,根据业务条件决定是否继续或中断表单提交流程。

Vue3ElementPlus
2026年01月30日

数据表格:实现编辑列数据

通过自定义 render 渲染输入组件,实现表格列数据的实时修改与双向绑定。

Vue3ElementPlus
2026年01月28日

移动端自适应

多种常用表单组件支持响应式布局,在 PC 与移动端自动适配显示。

Vue3ElementPlus
2026年01月28日

数据表格:列样式自定义

通过 column.render 可完全接管单元格渲染逻辑,实现动态样式、条件渲染等复杂展示效果。

Vue3ElementPlus
2026年01月28日

表格表单:获取当前行索引

在表格表单的行内按钮或组件事件中,准确获取当前行索引,用于行级操作与业务逻辑处理。

Vue3ElementPlus
2026年01月19日

组件样式:多种方式修改组件样式

通过不同方式为表单组件设置样式,对比各方案的适用场景与可控程度。

Vue3ElementPlus
2026年01月19日

表格表单:通过接口动态渲染行数据

基于接口返回的数据,动态加载并渲染表格表单的行内容。

Vue3ElementPlus
2026年01月13日

表单默认值:多种方式设置字段初始值

通过多种方式为表单字段设置默认值,满足不同业务场景下的初始化需求。

Vue3ElementPlus
2026年01月13日

基于表单数据生成二维码与条码

通过表单输入动态生成二维码与条码,适用于商品编码、信息标识等场景。

Vue3VantElm
2026年01月12日

表单国际化:表单多语言动态切换

通过 $t 国际化变量与 $loadData 机制,实现表单字段和标题的多语言联动更新。

Vue3ElementPlus
2026年01月12日

表单验证:手动校验字段与表单

通过调用表单 API,主动触发单个字段或整个表单的校验逻辑,适用于自定义按钮或复杂交互场景。

Vue3ElementPlus
2026年01月12日

表单控制:手动触发表单提交与重置

通过调用表单 API,在自定义按钮中手动触发表单提交或重置操作,灵活控制表单流程。

Vue3ElementPlus
2026年01月12日

组件联动:在事件中修改其他组件

通过表单 API 获取并修改其他组件的规则或值,实现表单内部的动态联动。

Vue3ElementPlus
2026年01月12日

事件控制:手动触发组件事件

基于表单 API 调用组件实例的 $emit 方法,手动触发组件事件,实现跨组件事件联动与交互模拟。

Vue3ElementPlus
2026年01月12日

组件交互:通过表单 API 执行 Vue 组件方法

通过表单 API 获取组件实例,并在事件中直接调用组件内部方法,实现组件行为的主动控制。

Vue3ElementPlus
2026年01月12日

表单布局:多种方式配置表单行列布局

支持通过字段列配置与行列容器组件两种方式组织表单布局,实现表单的灵活排列。

Vue3ElementPlus
2026年01月12日

表单校验:根据多个字段联动校验表单组件示例

根据表单中多个字段动态校验组件值,实现时间区间合法性校验与字段间的联动约束。

Vue3ElementPlus
2026年01月12日

图表组件:表单数据计算散点图线性回归展示

基于表单数据生成散点图,并自动计算和展示线性回归方程。

Vue3ElementPlus
2026年01月12日

子表单选择器示例

通过子表单选择器组件实现远程数据选择功能,并支持关键词搜索筛选。

Vue3ElementPlus
2025年09月03日

远程数据:手动刷新组件远程数据

通过事件手动触发组件远程数据的刷新操作。

Vue3ElementPlus
2025年09月02日

绑定变量:通过外部变量动态加载和更新组件选项

通过外部变量动态加载和更新组件的选项列表,实现数据与选择项的双向绑定。

Vue3ElementPlus
2025年09月02日

下拉选择器组件:远程数据二级联动与动态加载

通过选择器组件实现远程数据的二级联动功能,根据首选项动态加载次级的关联数据。

Vue3ElementPlus
2025年09月01日

下拉选择器组件:远程搜索加载下拉选项

使用选择器组件实现远程搜索功能,通过调用接口动态加载并展示下拉选项。

Vue3ElementPlus
2025年09月01日

数据表格组件:通过弹窗选择数据并展示在表格中

通过弹窗组件选择数据,并将所选结果动态展示在数据表格中。

Vue3ElementPlus
2025年09月01日

数据表格组件:行选择与选中数据获取

在数据表格中使用行选择功能,并获取已选中行的数据。

Vue3ElementPlus
2025年09月01日

弹窗组件:动态设置弹窗表单默认值

在打开弹窗组件时,自动为商品名称字段填充预设的默认值。

Vue3ElementPlus
2025年09月01日

弹窗组件:在弹窗内操作并更新外部表单字段

在弹窗表单内操作组件值,并将其动态赋值给外部表单中的指定组件。

Vue3ElementPlus
2025年09月01日

表单验证:获取其他字段值

在自定义验证函数中获取其他表单组件的值,并基于该值执行动态校验规则。

Vue3ElementPlus
2025年09月01日

子表单组件:修改当前行及其他行数据

在分组组件中如何同时对当前行及其他关联行数据进行编辑

Vue3ElementPlus
2025年09月01日

表格表单组件:同一行数据编辑功能

在表格表单组件中实现对当前行数据的直接编辑与更新操作。

Vue3ElementPlus
2025年09月01日

AltStyle によって変換されたページ (->オリジナル) /