FormCreate 支持在表单中生成并使用任何 Vue 组件。无论是简单的 UI 组件,还是复杂的自定义逻辑,都可以通过以下方式轻松集成到表单中。 注意事项 挂载与注册:在自定义组件渲染之前,必须通过全局或局部的方式挂载或注册自定义组件,详见挂载或注册 获取组件规则:只要在生成规则中定义name属性,就可以通过fApi.compon
FormCreate 在各种业务场景中都能发挥重要作用,以下是几个常见的应用场景: 动态表单生成 假设您有一个需要根据用户选择动态生成的表单,可以使用 FormCreate 来实现: 切换规则 切换规则 Name Email 提交重置表单联动效果 您可以轻松实现表单项之间的联动,例如根据一个下拉框的值动态显示或隐藏其他表单项。
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('#...
2、form-create 和UI框架配合使用,目前支持3个常用的UI:ElementUI、Iview、Ant-design-vue,以下3种任选一种安装都OK(由于上面之前安装的UI框架是element-ui,所以就用@form-create/element-ui)【注:除创建项目以外,安装其他所有插件都要在项目根目录(和package.json同级的目录)中,打开命令窗口来执行相应安装命令才...
createApp({}); // 使用 form-create 插件 app.use(formCreate); // 挂载 Vue 应用 app.mount('#app'); 高级版FormCreate表单设计器强势登场,让表单设计更简单 CDN 引入 目前可以通过 unpkg.com/@form-create/ant-design-vue 获取到最新版本的资源,在页面上引入 js 即可开始使用。 html <!-- ...
低代码表单FormCreate 安装 FormCreate 支持多个主流 UI 框架,您可以根据自己项目的需求选择对应的版本进行安装。 请根据您项目中使用的 UI 框架,安装对应的 FormCreate 版本。 Vant UI 版本移动端 npm i @form-create/vant^3 Element Plus 版本 npm i @form-create/element-ui@^3 ...
$ npm install vue-form-create --save$ yarn add vue-form-create浏览器引入在浏览器中使用 script 标签直接引入文件,并使用全局变量 formCreate。我们在 npm 发布包内的 vue-form-create/dist提供了 formCreate.common.js formCreate.umd.js formCreate.umd.min.js。你也可以通过 或UNPKG 进行下载。
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持2个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档|源码 3.0.0 版本主要更新了以下内容: 适配vue3 ...
通过模板的方式生成自定义组件,maker.createTmp方法是该方法的别名 生成 Maker let rule = [ formCreate.maker.template('{{text}}',new Vue({ data:{ loading:true, text:'正在加载中...' } })) ] 上面的代码是通过maker生成器动态生成一个正在加载的iview按钮组件 ...
$ npm install vue-form-create --save $ yarn add vue-form-create 浏览器引入 在浏览器中使用script标签直接引入文件,并使用全局变量formCreate。 我们在 npm 发布包内的vue-form-create/dist提供了formCreate.common.jsformCreate.umd.jsformCreate.umd.min.js。你也可以通过 ...