FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。它支持 7 个 UI 框架,适配移动端,并且支持生成任何 Vue 组件。内置 20+ 种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定高级版FormCreate表单设计器强势登场,让表单设计更简单# 源码...
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....
import{createApp}from'vue';importAppfrom'./App.vue';importElementPlusfrom'element-plus';// 根据您选择的 UI 框架调整import'element-plus/dist/index.css';// 样式文件importformCreatefrom'@form-create/element-ui';// 引入 FormCreateconstapp=createApp(App);app.use(ElementPlus);// 挂载 UI 框架a...
在Vue 3中,你可以使用setup函数来创建和管理表单。下面是一个示例的setup函数,用于创建一个简单的表单: javascript import { ref, reactive } from 'vue'; export default { setup() { // 创建一个响应式对象来存储表单数据 const formData = reactive({ name: '', email: '', message: '' }); // ...
参考form-create-designer 源码升级而成的vue3版本,依然支持官方插件方法。前端UI组件库:elementPlus, 动态表单组件:formCreate npm npm i wch-vue3-form-create-designer 页面效果 使用 1.全局注册 main.js import { createApp } from 'vue' const app = createApp(App) // 引入设计器样式 import 'wch-vu...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单组件。提高开发者对表单的开发效率,节省开发者的时间。
官网地址:http://www.form-create.com,之前是Vue2版的,现在也有Vue3版本了。表单渲染能支持5种UI框架:ElementPlus,Ant-design-vue,naive-ui,arco-design,TDesign,但表单设计器只能用Element Plus。 表单设计器源码:https://github.com/xaboy/form-create-designer/tree/next ...
刚开始用的form-create,发现不行,又用的form-create-design,但vue3版本的只有element plus库,系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框组件就够了,有点用宰牛刀的感觉,而且右侧还不能自定义,看悟空CRM的源码看的头大,他还是用的vue2版本+element ui,只能自己撸一了。
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。** **正在适配 vue3 版本中** [开源的vue可视化表单设计器组件](https://github.com/xaboy/form-create...