Vue ElementUi动态表单(多个表单) 的校验及提交

恳求sf的管理大大，不让驳回我的文章了，我是把文章的好多注释直接写到代码里边了，并不是文章太短

前言

有这么一个需求， 根据登录用户的权限，页面上会动态显示几个表单,是的，独立的几个表单(就是有这样的需求)。
这些动态的表单呢，样式都一样，都需要做校验，并且提交的时候， 只能提交有权限且验证通过的表单
线上demo: http://an888.net/sf/checkform/#/
github: https://github.com/Mrblackant...
效果如图：

思路

1.拥有全部的权限的用户会展示，ABC三个表单，所以我们先用v-for将三个表单渲染出来;
2.根据登录用户的权限，我们在初始化的时候，控制ABC哪些表单显示，demo里我用用户小明和小红做演示;
3.模拟用户切换的时候，要将表单重置;
4.提交的时候，我们只校验有权限的表单，只提交校验通过的数据;
5.利用new peomise以及Promise.all方法同时对几个表单校验;
我感觉理解逻辑还是要结合着代码，所以我把注释写的很具体，这5个思路在代码注释里都有体现，有问题看注释就能明白

代码