普通表格循环方式情况下校验:
<el-col :span="24">
<el-form-item>
<table border>
<tr>
<th
v-for="(item, index) in warnForm.weekUserList" :key="index" > {{ week[index] }}
</th>
</tr>
<tr>
<td v-for="(item, index) in warnForm.weekUserList" :key="index" height="85px" >
<el-form-item :prop="'weekUserList.' + index + '.userId'" :rules="rules.userId">
<el-select v-model="item.userId" placeholder="请选择人员">
<el-option v-for="dict in personOptions" :key="dict.userId" :label="dict.nickName" :value="dict.userId" >
</el-option>
</el-select>
</el-form-item>
</td>
</tr>
</table>
</el-form-item>
</el-col>
element table 中templete 校验方式：
<el-form
:model="setttingForm"
ref="setttingForm"
:rules="rules"
label-width="120px"
>
<el-row style="padding: 0px 15px">
<el-col :span="24">
<el-table
:data="setttingForm.facilityUserList"
class="parentTable"
align="center"
>
<el-table-column label="序号" type="index" align="center" />
<el-table-column
label="问题名称"
prop="problemName"
align="center"
min-width="120"
>
<template slot-scope="scope">
<el-form-item
:prop="'facilityUserList.' + scope.$index + '.problemName'"
:rules="rules.problemName"
>
<el-input
v-model="scope.row.problemName"
autocomplete="off"
></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column
label="分管园长"
prop="userList"
align="center"
min-width="120"
>
<template slot-scope="scope">
<el-form-item
:prop="'facilityUserList.' + scope.$index + '.userList'"
:rules="rules.userList"
>
<el-select
v-model="scope.row.userList"
multiple
placeholder="请选择人员"
>
<el-option
v-for="dict in employeeCampus"
:key="dict.userId"
:label="dict.nickName"
:value="dict.userId"
>
</el-option>
</el-select>
</el-form-item>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
min-width="120px"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-circle-plus-outline"
@click="add()"
>添加一行
</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
v-if="
setttingForm.facilityUserList.length > 1 &&
scope.$index > 0
"
@click="del(scope.$index, scope.row)"
>删除
</el-button>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</el-form>
