ElementPlus 动态的el-table实现表格内部校验

ElementPlus 动态的el-table实现表格内部校验

重点：prop对应的值的下标key

      <el-form ref="workScopeDataRef" :model="workScopeData">
                <el-table
                        :data="workScopeData.workModuleData"
                        :span-method="previewMethod">
                    <el-table-column
                            prop="TaskCategoryCode"
                            label="任务类型"
                            width="350"
                    >
                        <template #default="scope">
                            <div class="TaskCategoryCode flex-row">
                                <el-form-item                                        :prop="`workModuleData.${scope.$index}.TaskCategoryCode`"
                                        :rules="[{ required: true, message: '请选择任务类型', trigger: 'change' }]"
                                >
                                    <el-select
                                            v-model="scope.row.TaskCategoryCode"
                                            filterable>
                                    </el-select>
                                </el-form-item>
                            </div>
                        </template>
                    </el-table-column>
                </el-table>
            </el-form>