form-create-designerform-create-designer是基于@form-create/element-ui实现的表单设计器组件。您可以通过拖放快速创建表单,并轻松帮助您完成表单。源码地址:Github|GItee在线演示安装npminstall@form-create/designer导入CDN:NodeJs:请导入ElementUI并挂载importformCreatefrom'@form-create/form-create'importFcDesignerfrom'@form-create/designer'Vue.use(formCreate)Vue.use(FcDesigner)使用组件propsmenuMenuList重新配置拖拽组件heightint|stringDesigner组件高度,默认100%组件方式获取生成规则当前生成的表单类型的getRule=()=>规则[]示例:this.$refs.designer.getRule()获取当前表单的全局配置类型getOption=()=>Object设置当前生成表单的规则类型setRule=(rules:Rule[])=>void;设置当前表单的全局配置类型setOption=(option:Object)=>void;添加一组拖动组件typeaddMenu=(menu:Menu)=>void;删除一组拖动组件typeremoveMenu=(name:string)=>void;batchoverrideinsertdragComponenttypesetMenuItem=(name:string,items:MenuItem[])=>void;向组中插入一个拖动组件typeappendMenuItem=(name:string,item:MenuItem)=>void;删除一个拖动组件类型removeMenuItem=(item:MenuItem)=>void;添加新的拖动组件生成规则typeaddComponent=(item:DragRule)=>void;提示!三个内置组件组的名称分别为:main,aide,layoutLicenseMITCopyright(c)2021-presentxaboy