以vue3为例,这个是真简单
<el-form ref="conditionListRef" :model="conditionList">
<template v-for="(item, index) in conditionList" :key="index">
<el-form-item
:prop="`[${index}].var`"
:rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
>
组件
</el-form-item>
<el-form-item
:prop="`[${index}].op`"
:rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
>
组件
</el-form-item>
<el-form-item
:prop="`[${index}].value`"
:rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
>
组件
</el-form-item>
</template>
<template #footer >
<el-button type="primary" @click="toSave">保存</el-button>
</template>
</el-form>
const conditionListRef = ref()
const conditionList = ref([
{
var:'',
op:'',
value:''
},
{
var:'',
op:'',
value:''
}
])
const toSave = () => {
conditionListRef.value.validate(valid => {
if (valid) {
}
})
}
举一反三,如果是对象里面的数组(form.userList),各位看官应该也能解决吧