基于Element-UI可以动态生成表单项的form表单

由于做项目的需要做一个不定项的form表单，即可以动态生成表单项的form表单，自己利用element-ui的el-form表单制作了一个，如下动图：

此动态form表单是基于element-ui里的el-form表单基础上进行修改而来，它实现了新增表单项、删除表单项、表单验证和重置表单、表单提交等form表单所拥有的基本功能。详细介绍，请查看源代码 

应用场景：表单项不确定的form表单

原理分析：此form表单每一项绑定的值组成一个对象，对象叠加组成了一个对象数组，循环对象数组生成form的表单项。当点击新增一项时，其实就是给form表单对象数组添加一个对象，删除则反之。值得注意的是，由于动态表单得到的是一个对象数组，但我们需要的是表单的值组成的对象，所以我们还需要把这个对象数组转成一个对象（我的源码中已经做了处理）。

查看源码

（完）