el-form :rules校验 动态绑定:prop,(包括一层遍历循环 和多层遍历循环的情况)
el-form:rules校验 动态绑定:prop,(包括一层遍历循环 和多层遍历循环的情况)
·
多层动态遍历 如何绑定:
: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>
更多推荐
已为社区贡献2条内容
所有评论(0)