iview循环数组form表单验证
<div v-for="(itemAll,indexAll) in submitData" :key="indexAll">
<Form :model="itemAll" class="editForm" :ref="'hopeJobValidate' + indexAll" :rules="hopeJobRuleValidate">
<div >43cao
达尔富尔<FormItem label="城市" :label-width="72" prop="cityIdList">
<Cascader v-model="itemAll.cityIdList" :data="casDataCity" @on-change="(num,num2,type,i)=>{cho </FormItem>
</div>
<div >
<FormItem label="⾏业" prop="industryList">
<Select v-model="itemAll.industryList" @on-change="(num,type)=>{chooseChange(num,4,indexAll)}" class="selectSty" m <Option v-for="(item,index) in industryArr2" :value="item" :key="index" :disabled="itemAll.edit">{{ item }}</Option>
</Select>
</FormItem>
<!-- :prop="submitData.${indexAll}.salary" -->
cba国辉
<FormItem label="薪资" prop="salary">
<Select v-model="itemAll.salary" @on-change="(num,type)=>{chooseChange(num,2,indexAll)}" >
<Option v-for="item in industryArr" :value="item.value" :key="item.value">{{ item.show }}</Option>
</Select>
<div >
<img @click="deleteHopeJob(indexAll)" src="../../imgs/deleteicon.png" class="deleteicon" alt="">
</div>
</FormItem>
</div>
</Form>
</div>
在data中定义验证规则
let arr = [];
await this.submitData.forEach((item, index) => {
let form = "hopeJobValidate" + index;
江苏卫视人间栏目this.$refs[form][0].validate((valid) => {
if (valid == false) {
return arr.push(666);
故宫博物院教学设计} else {
return arr.push(888);
}
});
});
let flag = arr.filter((item) => {
return item == 666;
});
if (flag.length == 0) {//全部通过验证规则
}
在⽅法中检测，重要的是，表单验证的⽅法是同步执⾏的，所以要在⽅法前⾯添加async，在循环的前⾯添加await，将表单验证⽅法变成
异步的，这样在执⾏后⾯的axios请求的时候，不会报错
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议