FormCreate 在各种业务场景中都能发挥重要作用,以下是几个常见的应用场景: 动态表单生成 假设您有一个需要根据用户选择动态生成的表单,可以使用 FormCreate 来实现: 切换规则 切换规则 Name Email 提交重置表单联动效果 您可以轻松实现表单项之间的联动,例如根据一个下拉框的值动态显示或隐藏其他表单项。
通过FormCreate 生成的自定义组件需要先进行挂载。挂载方式有两种:全局挂载和局部挂载。 全局挂载 全局挂载适用于整个 Vue 应用。通过这种方式,组件在应用的任何地方都可以使用。 js app.component('TestComponent', TestComponent); 局部挂载 局部挂载适用于特定的表单实例。这种方法使得组件只在特定表单中可用,使用form...
2、form-create 和UI框架配合使用,目前支持3个常用的UI:ElementUI、Iview、Ant-design-vue,以下3种任选一种安装都OK(由于上面之前安装的UI框架是element-ui,所以就用@form-create/element-ui)【注:除创建项目以外,安装其他所有插件都要在项目根目录(和package.json同级的目录)中,打开命令窗口来执行相应安装命令才...
import{createApp}from'vue';importAppfrom'./App.vue';importElementPlusfrom'element-plus';// 根据您选择的 UI 框架调整import'element-plus/dist/index.css';// 样式文件importformCreatefrom'@form-create/element-ui';// 引入 FormCreateconstapp=createApp(App);app.use(ElementPlus);// 挂载 UI 框架a...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持2个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档|源码 3.0.0 版本主要更新了以下内容: 适配vue3 ...
fix: 修复webpack引入vue失败 3年前 prettier.config.js feat: 初始化项目 4年前 tsconfig.json fix: 修复ts类型检查错误&添加类型声明文件 4年前 vue.config.js fix: 修复webpack引入vue失败 3年前 README MIT vue-form-create 支持功能 演示地址(github) ...
https://github.com/fuchengwei/vue-form-create npm https://www.npmjs.com/package/vue-form-create 1 安装 使用npm 或 yarn 安装 我们推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。
createApp({}); // 使用 form-create 插件 app.use(formCreate); // 挂载 Vue 应用 app.mount('#app'); 高级版FormCreate表单设计器强势登场,让表单设计更简单 CDN 引入 目前可以通过 unpkg.com/@form-create/ant-design-vue 获取到最新版本的资源,在页面上引入 js 即可开始使用。 html <!-- ...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 支持 iViewUI 2.13.0+ iViewUI 3.x iViewUI 4.x ElementUI 2.8.2+ ...
1、一般在安装form-create之前,要先创建好vue项目 和 安装UI(这里以element-ui为例)框架哦。 // 1、用 vue-cli(Vue脚手架工具) 来创建项目 vue create my-project // 回车后 根据提示选项,配置路由、状态管理、样式等。 // 2、安装ElementUI框架 ...