el-form检验数组对象必填及规则

眼泪都要留下来,在成功的边缘疯狂踩坑……

eg:检验form里面的元素 groupList:[{man:''},{man:''}]

data(){
  return{
    form:{
      groupList: [{ man: '' }, {  man: '' }]
    }
  }
}

设置:生效重点     :prop="`groupList[${index}].man`"

<el-form :model="form">
   <div v-for="(item,index) in form.groupList" :key="index">
     <el-form-item :label="item.label" :prop="`groupList[${index}].man`" :rules="{required:true,message:`请输入男性占比`,trigger:'blur'}">
       <el-input v-model="item.man" placeholder="请输入数值" clearable> </el-input>
     </el-form-item>
  </div>
</el-form>

终于成了!!!!

猜你喜欢

转载自blog.csdn.net/enhenglhm/article/details/129968403