1、如何解决报错:please transfer a valid prop path to form item!
<el-form-item v-for="(item, index) in formData.picSize" :key="item.title" :label="item.title" class="yydh-bili">
<el-form-item
:prop="'item.' + index + '.width'"
:rules="picRules"
>
<el-input v-model="item.width" style="width: 80px; margin-right: 10px;"></el-input>
<span>:</span>
</el-form-item>
<el-form-item
:prop="'item.' + index + '.height'"
:rules="picRules"
>
<el-input v-model="item.height" style="width: 80px; margin-right: 10px;"></el-input>
</el-form-item>
</el-form-item>
<script>
formData: {
picSize: [
{
name:'ACTIVITYBIGSIZE',
title: 'title1',
width: 4,
height: 3,
},
{
title: 'title2',
width: 4,
height: 3,
},
],
}
</script>
解决方式:把props的item变量换成formData表单 定义的 picSize
<el-form-item v-for="(item, index) in formData.picSize" :key="item.title" :label="item.title" class="yydh-bili">
<el-form-item
<!--我在这里-->
:prop="'picSize.' + index + '.width'"
:rules="picRules"
>
<el-input v-model="item.width" style="width: 80px; margin-right: 10px;"></el-input>
<span>:</span>
</el-form-item>
<el-form-item
<!--我在这里-->
:prop="'picSize.' + index + '.height'"
:rules="picRules"
>
<el-input v-model="item.height" style="width: 80px; margin-right: 10px;"></el-input>
</el-form-item>
2、如何解决报错:type check failed for prop "model". Expected Object, got Array
form表单验证必须加上el-form,且监听的model对应的是对象,不能是数组,可以在数组外套一层,监听最外层对象
<el-form ref="saveData" :model="saveData">