element ui 循环表单校验不生效

<el-form  :model="productOUtChildObject" :ref="productOUtChildObject">
                  <div class="childTable">
                    <template>
                      <el-table
                          :key="serial"
                          :data="productOUtChildObject.productOutChildData"
                          style="width: 100%">
                        <el-table-column
                            prop="serial"
                            label="序号"
                            width="48">
                        </el-table-column>
                        <el-table-column
                            label="品牌"
                            width="180">
                          <template slot-scope="scope">

                            <el-form-item class="horizontal"
                                          :prop="'productOutChildData.' + scope.row.serial-1 + '.brand'"
                                          :rules="publicRules.brand"
                                         >
                              <el-select v-model="productOUtChildObject.productOutChildData[scope.row.serial-1].brand" clearable placeholder="请选择品牌"
                                         @change="selectTwoBrand(productOUtChildObject.productOutChildData[scope.row.serial-1]);getTypes(scope.row.serial-1)"
                                         required>
                                <el-option
                                    v-for="item in brandsOption"
                                    :key="item.id"
                                    :label="item.brand"
                                    :value="`${item.brand}|${item.id}`">
                                </el-option>
                              </el-select>
                            </el-form-item>

                          </template>
                        </el-table-column>
</el-form>

校验没有反应