当使用数组循环渲染表单时,需要特别注意prop的写法,同时把rules写在行内,否则会导致效验直接通过
<div v-for="(item,index) in dataFields.list :key="index">
<el-form-item label="name" :prop="`list[${index}].name`" :rules="{ required: true, message: 'Required', trigger: 'blur' }">
<el-input placeholder="name" v-model="item.name"></el-input>
</el-form-item>
</div>