element + vue2.0 开发动态表单录入组件

1. 开发vue结合element ui 开发新增/编辑的模态框组件

遇到的问题汇总：

1）数据结构梳理，dom结构设计，结合element ui组件的实例特性开发（model，rules, ref, vildedata, resetFields）

2）数据初始化配置

3）vaild验证数据源即: model 数据以树形结构循环处理，prop属性以index做关联（model对象.index.的字段值），需挂载在form-item上

4）验证方式通过promise 做异步处理并推送到父组件，从而达到验证和检查的通讯效果

5）resetFieIds 使用失效的问题 1. 新增和编辑为同一个组件时会失效   2. dom元素没有挂载完成的时候它会失效

 

效果：