<el-col :span="24">
<el-form-item label="客户基地" prop="customerBase">
</el-form-item>
<el-table :data="formData.customerBase" style="width: 100%">
<el-table-column label="序号" type="index" align="center"></el-table-column>
<el-table-column label="基地名称" align="center">
<template #default="scope">
<el-form-item :prop="'customerBase.' + scope.$index + '.baseName'" :rules='cusBaseRule.baseName'
:validate-on-rule-change="false">
<el-input v-model="scope.row.baseName" align="center" style="width: 100%;"></el-input>
</el-form-item>
</template>
</el-table-column>
rules: {
num: { required: true, message: "请输入客户编号", trigger: ["blur", "change"] },
name: { required: true, message: "请输入客户全称", trigger: ["blur", "change"] },
isTogger: { required: true, message: "请选择", trigger: ["blur", "change"] },
lowname: { required: true, message: "请输入客户简称", trigger: ["blur", "change"] },
customerBase: { required: true, message: "请输入客户基地", trigger: ["blur", "change"] }
},
cusBaseRule: {
baseName: { required: true, message: "请输入基地全称", trigger: ["blur", "change"] }
}
1.首先,最外层的客户基地校验绑的是下面的表格,直接写rules里
2.表格中的输入框校验写在cusBaseRule中,其中它的prop看代码,直接用他绑定字段里的v-model的字段