element 多层级验证

在 elinput 上 prop改为多层里 如user.name 验证规则里也加一层 user 用花括号包起来

也可使用多个验证 提交时需要一起验证

数组验证 <el-table :data="productServiceList" :row-class-name="rowProductServiceIndex" @selection-change="handleProductServiceSelectionChange" ref="productService"> <el-table-column label="服务名称" width="100px"> <template #default="scope"> <el-form-item label="" :rules="rules.serviceName" :prop="productServiceList[{scope.index}].serviceName"> <el-input v-model="scope.row.serviceName" placeholder="请输入" /> </el-form-item> </template> </el-table-column>

----------------- rules  不用特殊处理 
 rules: {
serviceName: [{ required: true, message: "名称不能为空", trigger: "blur" }],

}

注意 productServiceList - 应使用form.productServiceList  

** ** 也就是说只能验证 form下的对象 不能验证:data="productServiceList" productServiceList 我这里没出错是因为 form下也有productServiceList 并且使用的同一引用 注意----- :model="form"