import { createApp } from'vue';import App from'./App.vue';import ElementPlus from'element-plus'; // 根据所选UI框架调整import'element-plus/dist/index.css';import formCreate from'@form-create/element-ui';const app = createApp(App);app.use(ElementPlus);app.use(formCreate);app.mount('#...
在main.js 或 main.ts 中引入并注册 FormCreate: import{createApp}from'vue';importAppfrom'./App.vue';importElementPlusfrom'element-plus';// 根据您选择的 UI 框架调整import'element-plus/dist/index.css';// 样式文件importformCreatefrom'@form-create/element-ui';// 引入 FormCreateconstapp=createA...
form-create-designer一款好用的vue可视化表单设计器,提高项目开发效率。 #程序员 #编程 #工具分享 #每天学习一点点 - 程序员郑清于20231207发布在抖音,已经收获了79.7万个喜欢,来抖音,记录美好生活!
FormCreate 在各种业务场景中都能发挥重要作用,以下是几个常见的应用场景: 动态表单生成 假设您有一个需要根据用户选择动态生成的表单,可以使用 FormCreate 来实现: 切换规则 切换规则 Name Email 表单联动效果 您可以轻松实现表单项之间的联动,例如根据一个下拉框的值动态显示或隐藏其他表单项。
FormCreate 支持在表单中生成并使用任何 Vue 组件。无论是简单的 UI 组件,还是复杂的自定义逻辑,都可以通过以下方式轻松集成到表单中。 注意事项 挂载与注册:在自定义组件渲染之前,必须通过全局或局部的方式挂载或注册自定义组件,详见挂载或注册 获取组件规则:只要在生成规则中定义name属性,就可以通过fApi.component(na...
根据以上项目情况,所以这次就选择用form-create(表单生成器)来做,虽然它很强大,但项目UI样式是千变万化的,而这次项目的UI和form-create的UI有所不同,所以就使用了form-create提供的自定义表单组件(简单来说:就是js逻辑交互功能还是用form-create的,但UI样式是自己写的)这样一来就可以达到项目的需求了。
FormCreate 提供了强大的组件联动功能,通过 control 配置项实现组件的加载、显示、禁用和必填等状态控制。本文将详细介绍组件联动的配置项及其用法,并通过...
@form-create/designer是基于@form-create/element-ui和 ElementPlus 实现的低代码表单设计器组件。支持Vue2和Vue3 @form-create/vant-designer是基于@form-create/vant和 Vant 实现的移动端低代码表单设计器组件。支持Vue3 特点 使用JSON数据生成表单 支持扩展自定义组件 ...
form-create 支持的在表单内部生成任何 vue 组件 在线示例 例如生成一个el-button组件: {//type 可以是内置组件名称,也可以是vue组件名称或者 html 标签type:'el-button',//...children: ['按钮内容'] } 生成一个 html 标签 {//type 可以是内置组件名称,也可以是vue组件名称或者 html 标签type:'span',/...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 支持vue3 版本 开源的vue可视化表单设计器组件(功能演示) |Vue3版本 ...