1、需要在return中添加驗證規則
*添加規則*
`data()
{
return {
rules:{
quota: [{ required: true, message: '請填寫配額數', trigger: 'blur' }]
}
}
}
`
2、el-form 需要添加:rules
*使用規則*
`
<el-form :model="quotaData" ref="typesForm" :rules="quotaRules">
`
3、el-form-item需要添加:prop
*使用字段*
`
<el-form-item label="客戶類型"
:prop="'types.' + index + '.typeId'"
:validate-event="false"
:rules="[{ required: true, message: '請輸入姓名'}]">
`
4、:prop命名規則必須為list-index-name
list :v-for中的list名稱
如 v-for="(item,index) in data.list" 則為list
如 v-for="(item,index) in data" 則為data
index:v-for中的索引
name : el-form-item中的v-model名稱