element-ui中的多层表单循环验证处理

项目中有如下需求：

可以添加一个列表 => 添加弹框 => 里面可以添加多个产品（产品里面可以添加多个对接人跟政策），所以数据结构应该如下

ruleForm: {
        companyName: '', // 公司名称
        financialProduct: [
          // 产品数组
          {
            productName: '', // 产品名称
            dockingPerson: [
              // 对接人
              {
                dockingName: '', // 联系人
              }
            ],
            financialPolicy: [
              // 返利政策
              {
                makeWay: '', // 计提条件
              }
            ]
          }
        ]
      },

但是在提交表单的时候验证不了，rule不起作用，因为数据是循环出来的，所以不起作用，解决办法如下