帮助文档 | 在线演示 | FormCreate 文档 | 🌈Vue3版本 FcDesigner 是基于 @form-create/element-ui 实现的表单设计器组件。可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间。 特点 使用JSON数据生成表单 支持扩展自定义组件 内置30+常用的表单组件和布局组件
参考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...
form-create-designer 是基于@form-create/element-ui实现的表单设计器组件。可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间。 文档|在线演示|form-create 文档|🌈Vue3版本 如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢!本项目还在不断开发完善中,如有任何建议或问题请在...
将form-create-designer嵌入到Vue3项目中,你需要遵循以下步骤: 1. 在Vue3项目中安装form-create-designer库 首先,你需要在你的Vue3项目中安装form-create-designer库(如果它支持Vue3)。由于form-create-designer的具体安装命令可能因版本而异,以下是一个通用的npm安装命令: bash npm install form-create-designer -...
这个是 Vue3 版本 form-create-designer-naiveui是基于@form-create/naive-uivue3版本实现的表单设计器组件。可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间。 form-create-designer是基于@form-create/element-ui开发的表单设计器,本项目更换原项目的UI框架为Naive UI,做出的更改如下:...
芋道管理后台,基于 Vue3 + Element Plus 实现,支持 RBAC 动态权限、数据权限、SaaS 多租户、Flowable 工作流、三方登录、支付、短信、商城、CRM、ERP、AI 大模型等功能。 - form-create-designer: 表单组件新增字典选择器 · yudaocode/yudao-ui-admin-vue3@68dae2d
芋道管理后台,基于 Vue3 + Element Plus 实现,支持 RBAC 动态权限、数据权限、SaaS 多租户、Flowable 工作流、三方登录、支付、短信、商城、CRM、ERP、AI 大模型等功能。 - form-create-designer: 表单组件新增用户选择器 · yudaocode/yudao-ui-admin-vue3@d16bed4
支持Vue2和Vue3 @form-create/vant-designer 是基于 @form-create/vant 和Vant 实现的移动端低代码表单设计器组件。支持Vue3 特点 使用JSON数据生成表单 支持扩展自定义组件 内置36个常用的表单组件和布局组件 提供丰富的表单操作API 支持子表单和分组 支持事件配置 支持样式配置 支持表格布局 支持表单验证 支持多...
//导入自定义组件import MyButton from './button.Vue'; import FcDesigner from'@form-create/designer';//挂载自定义组件FcDesigner.component('MyButton', MyButton);//或者全局挂载app.component('MyButton', MyButton); 2.定义组件的拖拽规则
简介:该内容是关于在某个框架(可能是Vue)中导入和使用自定义组件的教程。首先,通过`import`语句引入自定义组件`MyButton`和`FcDesigner`。然后,使用`FcDesigner.component()`或`app.component()`方法挂载组件。接着,定义组件的拖拽规则,包括其在菜单的位置、图标、名称和唯一ID,以及组件的渲染和属性配置规则。最后...