多层动态遍历 如何绑定:

:prop=“orderInfo[${index}].list[${e}].value” :rules=“{ }”
orderInfo 这个跟数组
index 是第一层 遍历 的 索引
e 是第二层 遍历的索引
value 是 标签<el-form-item 里面 <el-input v-model=" " 绑定的字段名称
这里注意::: 如果是动态的就写动态的值 如果是写死的字段就换 该字段名称即可 总之要保持一致

在这里插入图片描述

                                <el-form-item v-if="ele.type === 'input' && ele.prop === 'discount'" :label="ele.label" :prop="`orderInfo[${index}].list[${e}].value`" :rules="{required: true, message: '超套折扣不能22为空', trigger: 'blur'}">
                                    <el-input v-model="ele.value" :placeholder="ele.placeholder" @change="discountChange(ele.value)"></el-input>
                                </el-form-item>
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐