<form-create:option="option"></form-create> 全局方法 你还可以通过全局方法创建表单并设置表单配置: js window.formCreate.create(rule, option) 构成 全局配置中额外支持一下配置项 form:表单整体显示规则配置 row:表单组件布局配置 submitBtn:提交按钮样式配置 ...
use(formCreate); // 挂载 Vue 应用 app.mount('#app'); 高级版FormCreate表单设计器强势登场,让表单设计更简单 CDN 引入 目前可以通过 unpkg.com/@form-create/ant-design-vue 获取到最新版本的资源,在页面上引入 js 即可开始使用。 html <!-- 引入 Ant Design Vue 的样式 --> <link href="...
基于AntDesignVue的低代码表单生成组件 官网|帮助文档|可视化表单设计器|移动端表单设计器 FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架,适配移动端,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 特点...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档/github 安装 CDN 引入 目前可以通过 unpkg.com/@form-create/ant-design-vue 获取到最新版本的资源,在页面上引入 js...
请根据您项目中使用的 UI 框架,安装对应的 FormCreate 版本。 Vant UI 版本移动端 npm i @form-create/vant^3 Element Plus 版本 npm i @form-create/element-ui@^3 Ant Design Vue 版本 npm i @form-create/ant-design-vue@^3 Naive UI 版本 ...
AntDesignVue版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架,适配移动端,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。动态表单, 低代码, @form-create, form-builder, form, component...
ant-design-vue@3.0版本 npm i @form-create/ant-design-vue@next 快速上手 本文以element-ui为例 在main.js 中写入以下内容: import ElementUI from 'element-plus/es/index'import'element-plus/dist/index.css'import formCreate from'@form-create/element-ui'app.use(ElementUI) ...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档|github 安装 CDN 引入 目前可以通过 unpkg.com/@form-create/ant-design-vue 获取到最新版本的资源,在页面上引入 js...
FormCreate 兼容不同版本的 Vue 项目,确保无缝集成。 支持7 个主流 UI 框架: Element Plus/Element UI Ant Design Vue Naive UI Iview/View Design Arco Design TDesign Vant UI (适用于移动端) 移动端支持: 专为移动端优化,能够生成适配 Vant UI 风格的动态表单。
label 布局 TIP 可以通过wrap设置 label 的布局,和组件的布局样式 Ant-design-vue 栅格布局 Col props 设置label 和组件的布局 js {type:'input',field:'goods_name',value:'test',wrap: {labelCol: {span:12},wrapperCol: {span:12}}}