vue+element-ui制作一个动态生成表单项的form表单

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

 原理分析：

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

查看源码