<Form ref='fromItemRef1' :rules="rules" :model="formItem">
<FormItem prop="name">
<Input v-model="formItem.name"/>
</FormItem>
<FormItem prop="name2">
<Input v-model="formItem.name2"/>
</FormItem>
</Form>
<Form ref='fromItemRef2' :rules="rules" :model="forItems[index]" v-for="(item,index) in forItems" :key="index">
<FormItem prop="name">
<Input v-model="item.name"/>
</FormItem>
<FormItem prop="name2">
<Input v-model="item.name2"/>
</FormItem>
</Form>
return{
forItems:[
{
name:"",
name2:"",
},{
name:"",
name2:"",
},{
name:"",
name2:"",
},],
formItem:{
name:"",
name2:"",
},
formItem2:{
name:"",
name2:"",
},
rules:{
name:[{ required: true, message: "名称不能为空" , trigger: "blur" },],
name2:[{ required: true, message: "名称不能为空" , trigger: "blur" },],
}
}
methods:{
async save(){
var flag=await this.$refs.fromItemRef1.validate();
var flag2=true;
for (let key in that.$refs.fromItemRef1){
let flags=await this.$refs.fromItemRef2[key].validate();
if(!flags){
flag2=flags;
return false;
}
}
if(!flag||!flag2){
return false;
}else{
consolt.log("验证通过")
return true;
}
}
}