<el-form ref="bannerImgSettingForm" label-width="80px" :model="bannerImgSettingForm" :rules="rules" >
<div v-for="(item, index) in bannerImgSettingForm.bannerImgSettingList" :key="index">
<el-form-item
:label="item.urlLabel"
:prop="`bannerImgSettingList[${index}].link`"
:rules="rules.link"
>
<el-input v-model="item.link" clearable ></el-input>
</el-form-item>
</div>
<el-form-item>
<el-button @click="handleCancel">取消</el-button>
<el-buttontype="primary" @click="onSubmit2('bannerImgSettingForm')">确认</el-button>
</el-form-item>
</el-form>
rules: {
link: [
{
validator: validatePass, trigger: 'blur' }
],
},
bannerImgSettingForm: {
bannerImgSettingList: [
{
urlLabel: '链接1:',
link: ''
},
{
urlLabel: '链接2:',
link: ''
},
{
urlLabel: '链接3:',
link: ''
},
{
urlLabel: '链接4:',
link: ''
},
{
urlLabel: '链接5:',
link: ''
}
],
},
onSubmit2(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
console.log(this.bannerImgSettingForm.bannerImgSettingList,'校验通过');
} else {
console.log('error submit!!');
return false;
}
});
},