在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...
2、form-create 和UI框架配合使用,目前支持3个常用的UI:ElementUI、Iview、Ant-design-vue,以下3种任选一种安装都OK(由于上面之前安装的UI框架是element-ui,所以就用@form-create/element-ui)【注:除创建项目以外,安装其他所有插件都要在项目根目录(和package.json同级的目录)中,打开命令窗口来执行相应安装命令才...
form-create中内置表单类型: hidden、input、inputNumber、checkbox、radio、switch、select、autoComplete、cascader。 colorPicker、datePicker、timePicker、rate、slider、upload、tree、frame、group。 form-create的安装: 1、一般在安装form-create之前,要先创建好vue项目 和 安装UI(这里以element-ui为例)框架哦。 // ...
FormCreate 提供了强大的组件联动功能,通过 control 配置项实现组件的加载、显示、禁用和必填等状态控制。本文将详细介绍组件联动的配置项及其用法,并通过多个示例帮助您在实际业务场景中灵活应用这些功能。 源码地址: Github | Gitee 数据结构 type Control = Array<{ //通过内置条件控制,和`handle`二选一 value?:...
FormCreate 支持在表单中生成并使用任何 Vue 组件。无论是简单的 UI 组件,还是复杂的自定义逻辑,都可以通过以下方式轻松集成到表单中。 注意事项 挂载与注册:在自定义组件渲染之前,必须通过全局或局部的方式挂载或注册自定义组件,详见挂载或注册 获取组件规则:只要在生成规则中定义name属性,就可以通过fApi.component(na...
2.在使用createForm()创建表单的时候,传入options.name的原因: 图片太小,请在图片上点击右键,选择在新标签页中打开即可。 如果按照上面所写,你定义两个表单,都有个属性值叫做gender的话,那他们的id也是相同的,都是 id="gender",按照原则来说,一个页面不应该有相同的id。可能会导致如下: ...
FormCreate 在各种业务场景中都能发挥重要作用,以下是几个常见的应用场景: 动态表单生成 假设您有一个需要根据用户选择动态生成的表单,可以使用 FormCreate 来实现: 切换规则 切换规则 Name Email 表单联动效果 您可以轻松实现表单项之间的联动,例如根据一个下拉框的值动态显示或隐藏其他表单项。
FormCreate 是一款基于Vue的低代码可视化表单设计器工具，它通过数据驱动的方式实现了表单的动态渲染。用户仅需通过直观的界面即可快速构建出功能完备的表单，极大地提高了开发效率，减少了开发时间和成-本。FormCreate 的主要特性包括：多端适配：支持PC和移动设备，内置丰富的插件和强大的功能。国际化：提供中文、英文、...
`<!-- import formCreate -->` `<script src=``"dist/form-create.min.js"``></script>` 注意! iview版本请>=2.9.2,否则可能存在问题 使用 `let rules = window.mock;` `new` `Vue({` `mounted:``function``(){` `let $f =` `this``.$formCreate(mock,` ...
动态创建form表单,网上有插件 (form-create) 不过我不知道它怎么用,没有使用成功,如果你使用成功了,欢迎下方留言. 最后我使用了笨方法,针对各个表单写好通用的组件,然后根据type用v-if来渲染对应的表单,数据,事件什么的都可以动态的传进去,比较好用 1 <el-form size="mini" class="lj-form lj-form-s1"> ...