如何解决报错：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"..

诛宵小或率宾归王

15920人浏览 · 2021-03-16 14:43:58

诛宵小或率宾归王 · 2021-03-16 14:43:58 发布

 <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>
</el-form-item>