关于vue.js:elementUI多个表单同时提交校验问题

我的项目中遇到新增页面时，因为页面内容简单，不只是表单内容，还有表格等，这时把 form 表单分成多个，然而在提交时会进行校验，再次记录下。
如下所示：

根本信息表单名称是:basicForm
其余信息表单名称是：otherForm
表格中的所有数据都是可编辑的，用一个大的表单包起来，名称是：tableForm
当初提交时，要对页面中的三个 form 进行校验，没有问题之后能力调用接口。

其实中心思想用的是 promise.all，对所有的表单进行校验没问题，进入到.then() 中解决提交接口逻辑。