Vue :rules未生效

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名称