use(formCreate); // 挂载 Vue 应用 app.mount('#app'); 高级版FormCreate表单设计器强势登场,让表单设计更简单 CDN 引入 目前可以通过 unpkg.com/@form-create/ant-design-vue 获取到最新版本的资源,在页面上引入 js 即可开始使用。 html <!-- 引入 Ant Design Vue 的样式 --> <link href="...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档/github 安装 CDN 引入 目前可以通过 unpkg.com/@form-create/ant-design-vue 获取到最新版本的资源,在页面上引入 js...
<form-create:option="option"></form-create> 全局方法 你还可以通过全局方法创建表单并设置表单配置: js window.formCreate.create(rule, option) 构成 全局配置中额外支持一下配置项 form:表单整体显示规则配置 row:表单组件布局配置 submitBtn:提交按钮样式配置 ...
Ant Design Vue 版本 npm i @form-create/ant-design-vue@^3 Naive UI 版本 npm i @form-create/naive-ui@^3 Arco Design 版本 npm i @form-create/arco-design@^3 TDesign 版本 npm i @form-create/tdesign@^3 安装后的初始配置 安装完对应的 FormCreate 版本后,您需要将其引入并配置在 Vue 项目...
AntDesignVue版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架,适配移动端,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。动态表单, 低代码, @form-create, form-builder, form, component...
importformCreatefrom'@form-create/ant-design-vue'Vue.use(formCreate) 使用 <form-create:rule="rule"v-model="fApi":option="options":value.sync="value"/> exportdefault{ data(){return{fApi:{},value:{field1:'111',field2:'222',time:'11:11:11'},options:{onSubmit:(formData)=>{ ...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档|github 安装 CDN 引入 目前可以通过 unpkg.com/@form-create/ant-design-vue 获取到最新版本的资源,在页面上引入 js...
Ant Design Vue Form 表单 表单填写在日常工作中收录信息比较常用, antd 中 form 用于创建一个实体收集信息,并且可以对输入的数据类型进行校验。 1. 表单排列 这里指的是 表单的标签和控件的排列方式 水平 垂直 行内 2. 表单域 表单·一定会·包含表单域, 表单域 可以是 ...
@form-create/ant-design-vue/types/index.d.ts Version: 1.23 kBTypeScriptView Raw 1 import { 2 FormCreate, 3 FormRule as $FormRule, 4 Options as $Options, 5 Rule as $Rule, 6 Creator as $Creator, 7 Control as $Control, 8 Api as $Api, 9 Effect as $Effect, 10 Par...
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}}}