表單驗(yàn)證的時(shí)候:
1:prop改為 :prop锋华,形式為’List.’+index+’.startDate’
2:List.’+index+’.startDate就是數(shù)據(jù)結(jié)構(gòu)與數(shù)據(jù)
3:每一個循環(huán)中的都需要加:rules
Dom結(jié)構(gòu)如下:
<el-form
ref="form"
:model="form"
:rules="ruleForm"
>
<div v-for="(item, i) in form.list" :key="i">
<el-form-item :prop="`list.${i}.level`" :rules="ruleForm.level" label="埋點(diǎn)層級:">
<el-input v-model="item.level"></el-input>
</el-form-item>
</div>
</el-form>
data結(jié)構(gòu)如下:rules為個表單項(xiàng)的驗(yàn)證規(guī)則
export default {
data() {
return {
form: {
list: [
{level: ''}
]
},
ruleForm: {
level: [
{ required: true, message: '請選擇埋點(diǎn)層級', trigger: 'change' },
],
}
}
}
}