el-form 検査配列オブジェクトの必要性とルール

涙を堪えて、成功の瀬戸際で狂ったように穴を踏む...

例: [{man:''},{man:''}] の形式で要素 groupList を確認します。

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