form-create-designer是一个基于Vue的低代码表单设计器,它允许用户通过拖拽的方式快速创建表单,并支持将表单设计导出为JSON格式,再通过渲染器进行加载和渲染。其架构主要包括设计器工具和表单渲染器两部分。 2. 确定二次开发的目标和需求 在进行二次开发之前,你需要明确你的目标和需求。例如,你可能想要添加新的表单组...
FcDesigner 是基于@form-create/element-ui实现的低代码表单设计器组件。可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间。支持Vue2和Vue3 特点 使用JSON数据生成表单 支持扩展自定义组件 内置30+常用的表单组件和布局组件 提供丰富的表单操作API ...
importformCreatefrom'@form-create/element-ui'importFcDesignerfrom'@form-create/designer'Vue.use(formCreate) Vue.use(FcDesigner) 使用 <fc-designerref="designer"/> 组件props menuMenuList重新配置拖拽的组件 heightint|string设计器组件高度, 默认100% 组件方法 获取当前生成表单的生成规则 typegetRule =()...
1.导入并挂载自定义组件 //导入自定义组件import MyButton from './button.Vue'; import FcDesigner from'@form-create/designer';//挂载自定义组件FcDesigner.component('MyButton', MyButton);//或者全局挂载app.component('MyButton', MyButton); 2.定义组件的拖拽规则 const buttonRule ={//插入菜单位...
支持Vue2和Vue3@form-create/vant-designer 是基于 @form-create/vant 和Vant 实现的移动端低代码表单设计器组件。支持Vue3特点使用JSON数据生成表单 支持扩展自定义组件 内置36个常用的表单组件和布局组件 提供丰富的表单操作API 支持子表单和分组 支持事件配置 支持样式配置 支持表格布局 支持表单验证 支持多语言...
vue2版本的组件配置中的验证配置的验证方式下拉框无法选中 #151 Closed dongleileiw opened this issue Jul 22, 2024· 2 comments Closed vue2版本的组件配置中的验证配置的验证方式下拉框无法选中 #151 dongleileiw opened this issue Jul 22, 2024· 2 comments Comments dongleileiw commented Jul 22...
支持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.定义组件的拖拽规则 const buttonRule ={ ...
Vue.use(formCreate)// 全局引入 --- //Vue 组件 { components: { formCreate: formCreate.$form() } } 表单渲染 <form-create:option="option"></form-create> 表单设计器 <form-create v-model="fapi" // 表单实例对象 :rule="rule" // 表单生成规则 -- ...
问题描述: Vue2版本的设计器,组件属性配置中输入框清空后JSON中对应的props下的属性值无法自动清空,必须手动触发一个其他属性的状态变化后 json才会刷新。尝试了其他自定义属性也是相同效果。 复现方式: 官网Vue2 设计器 中对一个input组件的 “输入框占位文本” 属性进