通过FormCreate 生成的自定义组件需要先进行挂载。挂载方式有两种:全局挂载和局部挂载。 全局挂载 全局挂载适用于整个 Vue 应用。通过这种方式,组件在应用的任何地方都可以使用。 js app.component('TestComponent', TestComponent); 局部挂载 局部挂载适用于特定的表单实例。这种方法使得组件只在特定表单中可用,使用form...
除了内置的组件外,您还可以将自定义 Vue 组件集成到 FormCreate 中,轻松实现复杂的业务需求。 js importMyCustomComponentfrom'./MyCustomComponent.vue';importformCreatefrom'@form-create/element-ui';formCreate.component('MyCustomComponent', MyCustomComponent);construle=ref([{type:'MyCustomComponent',field...
低代码表单FormCreate 特点 多平台与框架支持 支持Vue2 和Vue3 版本:FormCreate 兼容不同版本的 Vue 项目,确保无缝集成。 支持6 个主流 UI 框架: Element Plus Ant Design Vue Naive UI Arco Design TDesign Vant UI (适用于移动端) 移动端支持:专为移动端优化,能够生成适配 Vant UI 风格的动态表单。表单...
2、form-create 和UI框架配合使用,目前支持3个常用的UI:ElementUI、Iview、Ant-design-vue,以下3种任选一种安装都OK(由于上面之前安装的UI框架是element-ui,所以就用@form-create/element-ui)【注:除创建项目以外,安装其他所有插件都要在项目根目录(和package.json同级的目录)中,打开命令窗口来执行相应安装命令才...
https://github.com/fuchengwei/vue-form-create npm https://www.npmjs.com/package/vue-form-create 1 安装 使用npm 或 yarn 安装 我们推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。
vue-form-create 开源评估指数 开源评估指数源自 OSS-Compass 评估体系,评估体系围绕以下三个维度对项目展开评估: 1. 开源生态 生产力:来评估开源项目输出软件制品和开源价值的能力。 创新力:用于评估开源软件及其生态系统的多样化程度。 稳健性:用于评估开源项目面对多变的发展环境,抵御内外干扰并自我恢复的能力。
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持2个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档|源码 3.0.0 版本主要更新了以下内容: 适配vue3 ...
FormCreate 在 Ant Design Vue 中的表单布局配置主要通过全局配置中的 row 属性来实现。 FormCreate 是一个强大的表单生成组件,支持通过 JSON 配置动态生成表单,并提供了丰富的配置选项来定制表单的外观和行为。在 Ant Design Vue 中使用 FormCreate 时,可以通过配置 row 属性来设置表单组件的布局,如组件之间的间距...
参考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动态生成vue自定义组件和嵌套表单组件 [github]|[说明文档] 示例 let rule =[ { type:'row', children:[ { type:'i-col', props:{ span:12}, children:[ formCreate.maker.input('商品名称','goods_name','iphone'), formCreate.maker.number('商品加个','goods_price',8688) ...