# 克隆项目 git clone https://github.com/337547038/vue-form-design.git # 安装依赖 pnpm install # 运行项目 pnpm dev # 使用json模拟数据 默认下github示例和localhost访问时使用json模拟数据。 # 使用后端接口数据 可访问后端库https://github.com/337547038/ak-design-manage # 打包项目 pnpm build 开发环...
This branch is548 commits behindjjxliu306/ng-form-element:master. README MIT license VUE-FORM-DESIGN 版本更新说明 2.0.0-beta 1、增加自定义组件,可以通过配置放入加入自定义组件,通过插槽来对自定义组件的属性进行配置。 1.0.14 1、修复checkbox、radio、select组件的远程方法调用问题,增加dataPath参数将远程...
vue-form-design formtemplate 解析 Vue Form Design 是一个基于 Vue.js 的表单设计器,它允许用户通过拖拽组件的方式来创建表单。而 formtemplate 是 Vue Form Design 中的一个重要概念,它是表单的模板,描述了表单的结构和组件属性。 当我们需要解析formtemplate 时,首先需要了解它的结构。formtemplate 通常是一个...
This branch is1 commit behindhaixin-fang/vue-form-design:master. vue-form-design Starfish 可视化动态表单平台. 完全采用ECMAScript模块(ESM)规范来编写和组织代码,使用了最新的Vue3、Vite、Element-Plus、TypeScript等主流技术开发 💪 Vue 3.0 Composition API ...
vue3-form-create 基于Vue3.0 + TS 的自定义表单生成器。支持 npm 与 cdn 引入的方式。UI 库支持 ant-design-vue 与 element-plus。 支持功能 远端数据获取 图片上传 富文本编辑器 栅格布局 生成JSON 生成代码 不想在全局安装也可以在组件内直接使用相应的组件。
vue2引入表单设计器(avue-form-design) 安装依赖 npm install element-ui @smallwei/avue @sscfaith/avue-form-design main.js引入 import Vue from 'vue'import App from'./App.vue'import router from'./router'import axios from'axios'; import AvueFormDesign from'@sscfaith/avue-form-design'impor...
avue-form-design表单设计器自带的组件都有value属性,但是自定义的却没有。文档没有详细说明,那么在customFields中写入自定义组件后,怎么写入value属性呢?
1<script setup>2import { defineProps, onMounted, reactive, ref, defineEmits} from 'vue'3import { Card, Input, Select, DatePicker, FormItem, Form, Button } from 'ant-design-vue'4import { useRuleCheckStore } from '@/stores/ruleCheck'//后端接口56const ruleCheckStore =useRuleCheckStore()...
useForm 是一个可以独立 Form 组件运行的方法,它使用 Vue 响应式机制进行数据的监听和校验,并将校验结果返回,你可以将校验结果绑定到任何组件上,Form.Item 也仅仅是将结果展示。 2.2 以下版本需要需要 @ant-design-vue/use 库单独提供,不建议继续使用,你应该尽快升级到 2.2+ 版本 import { Form } from 'ant-...
"@ant-design/pro-form": "^1.59.3", "deepmerge": "^4.2.2", "vue-form-builder": "0.0.1", "vee-validate": "^3.0.11", 使用步骤 一、main.js中注册使用 import VueCompositionApi from '@vue/composition-api' import {ValidationProvider} from 'vee-validate/dist/vee-validate.full' ...