vue3 element plus 表单组件规则rules验证数组列表对象方式

参考代码

<el-form ref="ruleFormRef" :hide-required-asterisk="true" :model="broker" :rules="rules">
  <div v-for="(item, index) in broker.education" :key="index">
    <el-form-item :prop="`education.${index}.name`" :rules="{ required: true, message: '请填写名称', trigger: ['blur', 'change'] }">
      <el-input v-model="item.name" placeholder="请填写名称" />
    </el-form-item>
  </div>
</el-form>

const broker: formType = reactive({
  education: [
    {  name: '' },
    // ...
  ]
})