将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,做出的更改如下:...
form-create-designer动态表单组件vue3版本. Latest version: 1.1.23, last published: 9 months ago. Start using wch-vue3-form-create-designer in your project by running `npm i wch-vue3-form-create-designer`. There are no other projects in the npm registry us
form-create-designer 是基于@form-create/element-ui实现的表单设计器组件。可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间。 文档|在线演示|form-create 文档|🌈Vue3版本 如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢!本项目还在不断开发完善中,如有任何建议或问题请在...
Vue.use(FcDesigner) 使用 <fc-designerref="designer"/> 组件props menuMenuList重新配置拖拽的组件 heightint|string设计器组件高度, 默认100% 组件方法 获取当前生成表单的生成规则 typegetRule =()=>Rule[] 示例:this.$refs.designer.getRule()
//导入自定义组件import MyButton from './button.Vue'; import FcDesigner from'@form-create/designer';//挂载自定义组件FcDesigner.component('MyButton', MyButton);//或者全局挂载app.component('MyButton', MyButton); 2.定义组件的拖拽规则
支持Vue2和Vue3 @form-create/vant-designer是基于@form-create/vant和 Vant 实现的移动端低代码表单设计器组件。支持Vue3 特点 使用JSON数据生成表单 支持扩展自定义组件 内置30+常用的表单组件和布局组件 提供丰富的表单操作API 支持子表单和分组 支持事件配置...
简介:该内容是关于在某个框架(可能是Vue)中导入和使用自定义组件的教程。首先,通过`import`语句引入自定义组件`MyButton`和`FcDesigner`。然后,使用`FcDesigner.component()`或`app.component()`方法挂载组件。接着,定义组件的拖拽规则,包括其在菜单的位置、图标、名称和唯一ID,以及组件的渲染和属性配置规则。最后...
"name": "vue3-form-create-designer", "version": "1.0.13", "lockfileVersion": 1, "requires": true, "dependencies": { "@babel/parser": { "version": "7.18.9", "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.18.9.tgz", "integrity": "sha512-9u...
Jerry/vue3-form-create-designer forked from Pinna/vue3-form-create-designer 确定同步? 同步操作将从 Pinna/vue3-form-create-designer 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!! 确定后同步将在后台操作,完成时将刷新页面,请耐心等待。 删除在远程仓库中不存在的分支和标签 ...