当前位置:   article > 正文

el-form检验数组对象必填及规则_el-form-item v-for 必填校验

el-form-item v-for 必填校验

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

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

  1. data(){
  2. return{
  3. form:{
  4. groupList: [{ man: '' }, { man: '' }]
  5. }
  6. }
  7. }

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

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

终于成了!!!!

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/112928
推荐阅读
相关标签
  

闽ICP备14008679号