formBody (表单组件)

介绍

当前组件版本:v2
vue版本:vue2：2.6.12
element ui版本:2.15.8
formBody基于 element ui (opens new window)库进行二次封装。集成多个组件为一体封装成一个表单组件，通过快速定义类型与传递参数属性与方法名称，快速生成对应所需得表单。
当前版本在V1版本上完善以及增加若干条新功能，可能还会存在若干条问题，希望各位开发者能够积极提出问题，如果有无法达到的功能，后续也会在本文档进行展示说明。

V1版本没有记录在本文档中,请看pdf文档

---

目录

• 基础篇
• └─API参数
• 案例篇

---

起步

开发者需要vue2 (opens new window)的开发基础

---

引用

目前采用了文件的方式，并没有采用私有npm的方式放置组件，下面开始告知怎么引用组件。
项目结构：

.
├─ src
│  └─ components
│     └─ form
│        └─ v1.2.0
│           └─ FormBody

---

替换方法：

把components->文件下面的form文件夹进行拿去放置到所需项目，然后进行下一步引用

import Vue from "vue";
import FormBody from "@/components/form/v1.2.0/FormBody.vue"
Vue.component("FormBody", FormBody);

注意

这里FormBody引用的地址根据项目的实际项目的地址来，导入的@或者其他符合地址，请去理解Vue CLI的内部配置，然后进行配置Webpack

---