FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。它支持 7 个 UI 框架,适配移动端,并且支持生成任何 Vue 组件。内置 20+ 种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定高级版FormCreate表单设计器强势登场,让表单设计更简单# 源码...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的AI低代码表单组件。提高开发者对表单的开发效率,节省开发者的时间。
FormCreate Vue3版本文档(opens new window) #引入 form-create #浏览器 <!-- import Vue --><scriptsrc="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js"></script><!-- import iview --><linkrel="stylesheet"href="https://cdn.jsdelivr.net/npm/iview@3.5.4/dist/styles/iview....
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持2个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档|源码 3.0.0 版本主要更新了以下内容: 适配vue3 适配element-plus 和 ant-design-vue3.0 功能于 2.5....
将form-create-designer嵌入到Vue3项目中,你需要遵循以下步骤: 1. 在Vue3项目中安装form-create-designer库 首先,你需要在你的Vue3项目中安装form-create-designer库(如果它支持Vue3)。由于form-create-designer的具体安装命令可能因版本而异,以下是一个通用的npm安装命令: bash npm install form-create-designer -...
参考form-create-designer 源码升级而成的vue3版本,依然支持官方插件方法。前端UI组件库:elementPlus, 动态表单组件:formCreate npm npm i vue3-form-create-designer 页面效果 使用 1.全局注册 main.js import { createApp } from 'vue' const app = createApp(App) // 引入设计器样式 import 'vue3-form...
在Vue 3中,你可以使用setup函数来创建和管理表单。下面是一个示例的setup函数,用于创建一个简单的表单: javascript import { ref, reactive } from 'vue'; export default { setup() { // 创建一个响应式对象来存储表单数据 const formData = reactive({ name: '', email: '', message: '' }); // ...
FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定 FormCreate官网:https://www.form-create.com 帮助文档:https://form-create.com/v3/ ...
FormCreate 兼容不同版本的 Vue 项目,确保无缝集成。 支持6 个主流 UI 框架: Element Plus Ant Design Vue Naive UI Arco Design TDesign Vant UI (适用于移动端) 移动端支持:专为移动端优化,能够生成适配 Vant UI 风格的动态表单。表单生成与配置 通过JSON 生成表单基于JSON 配置动态生成表单,无需手动编写...
vue3-form-create 基于Vue3.0 + TS 的自定义表单生成器, UI 库使用 element-plus。 什么是表单设计器 表单设计器由两部分组成:表单设计器和表单生成器 特色功能:自定义扩展功能、组件之间交互方便 表单设计器地址:http://localhost:9527/#/ 表单生成器案例地址:http://localhost:9527/#/example 建议在案例中学...