1、一般在安装form-create之前,要先创建好vue项目 和 安装UI(这里以element-ui为例)框架哦。 // 1、用 vue-cli(Vue脚手架工具) 来创建项目 vue create my-project // 回车后 根据提示选项,配置路由、状态管理、样式等。 // 2、安装ElementUI框架 cd my-project // 进入项目根目录 npm i element-ui -S...
2、form-create 和UI框架配合使用,目前支持3个常用的UI:ElementUI、Iview、Ant-design-vue,以下3种任选一种安装都OK(由于上面之前安装的UI框架是element-ui,所以就用@form-create/element-ui)【注:除创建项目以外,安装其他所有插件都要在项目根目录(和package.json同级的目录)中,打开命令窗口来执行相应安装命令才...
在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...
支持element-uihttp://form-create.com/v2/element-ui/ 注意select 下拉框 多选是[ ], 单选是' ' <!-- import Vue.js --><scriptsrc="//vuejs.org/js/vue.min.js"></script><!-- import stylesheet --><linkhref="https://cdn.jsdelivr.net/npm/element-ui@2.8.2/lib/theme-chalk/index.css...
FormCreate 提供了强大的组件联动功能,通过 control 配置项实现组件的加载、显示、禁用和必填等状态控制。本文将详细介绍组件联动的配置项及其用法,并通过多个示例帮助您在实际业务场景中灵活应用这些功能。 源码地址: Github | Gitee 数据结构 type Control = Array<{ //通过内置条件控制,和`handle`二选一 value?:...
FormCreate:史上最强大低代码表单生成工具!让你的表单创作效率翻倍!#前端 #干货分享 #程序员 #低代码 #vue - brizer于20231201发布在抖音,已经收获了22.9万个喜欢,来抖音,记录美好生活!
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档| github 演示项目: 开源的高品质微信商城 功能 自定义组件 可生成任何Vue组件 自带数据验证 轻松转换为表单组件 通...
在浏览器中使用script标签直接引入文件,并使用全局变量formCreate。 我们在 npm 发布包内的vue-form-create/dist提供了formCreate.common.jsformCreate.umd.jsformCreate.umd.min.js。你也可以通过 或UNPKG进行下载。 <scriptsrc='https://unpkg.com/vue-form-create/dist/formCreate.umd.min.js'></script> ...
【问题说明】 再常见问题中我们这个方法:根据后台返回的规则生成表单。 然后我在vue中使用上述方法发现并不生效,经过排查,发现有点不一样,需要写成下述方式才能生效: 【参考文章】 官网文档 表单自动生成器form-create的介绍
cdn 引入 ant-design-vue 需要自行引入 moment。 不想在全局安装也可以在组件内直接使用相应的组件。 import { AntdDesignForm, ElDesignForm, AntdGenerateForm, ElGenerateForm } from 'vue-form-create' 示例npm 引入import { createApp } from 'vue' import antd from 'ant-design-vue' import App from ...