prop直接拿表单的值,通过i拿到references数组的具体对象的值去做校验
rules根据自己的校验规则以数组的形式写在当前form-item内就行
具体代码示例如下:
<div v-for="(item, i) in formData.references" :key="i" class="article-set">
<el-form-item
class="one-form-item"
:prop="`references[${i}].referenceInfo`"
:rules="[{ required: true, message: '输入引用和参考的信息', trigger: 'change' }]"
>
<label slot="label" v-dompurify-html="'文章引用/参考'" v-show="i === 0"></label>
<el-input v-model="item.referenceInfo" placeholder="输入引用和参考的信息"></el-input>
</el-form-item>
<el-form-item
class="one-form-item ml16"
:prop="`references[${i}].referenceLink`"
:rules="[{ required: true, message: '输入链接', trigger: 'change' }]"
>
<el-input v-model="item.referenceLink" placeholder="输入链接"></el-input>
</el-form-item>
<i @click="delRow(i)" v-if="i !== 0" class="el-icon-remove-outline"></i>
</div>
这是我们的声明格式:
formData: {
references: [
{
referenceInfo: '',
referenceLink: '',
},
],
},