关于elementUI el-form-item双循环绑定校验规则

最新推荐文章于 2023-07-21 11:56:08 发布

曲小强

最新推荐文章于 2023-07-21 11:56:08 发布

阅读量334

点赞数

分类专栏： Vue.js 文章标签： elementui javascript 前端

本文链接：https://blog.csdn.net/quhongqiang/article/details/129743926

版权

Vue.js 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

<el-form :inline="true" :model="requestList" label-width="120px" ref="formRef">
            <el-card shadow="always" 
                v-for="(item, index) in requestList.lists"
                :key="index"
                style="margin-bottom: 10px;"
            >
                <el-form-item label="单位" :prop="'lists.' + index + '.unit'" :rules="{
                    required: true,
                    message: '请选择',
                    trigger: 'change',
                }">
                    <el-select v-model="item.unit" placeholder="请选择" clearable filterable>
                        <el-option v-for="it in data.unitLists" :key="it.shelfId" :label="it.labelZh" :value="it.value" />
                    </el-select>
                </el-form-item>

                <!-- 挂牌价 -->
                <div v-for="(its, idx) in item.merchantSkuPriceList">
                    <el-form-item label="挂牌价(元)" :prop="'lists.' + index + '.merchantSkuPriceList.' + idx + '.goodsSkuPrice'" :rules="{
                        required: true,
                        message: '请输入',
                        trigger: 'change',
                    }">
                        <el-input v-model="its.goodsSkuPrice" placeholder="请输入商户名称" :disabled="props.isType == 'edit'" clearable style="width: 214px;" />
                    </el-form-item>
                </div>
                
            </el-card>
        </el-form>