亚洲日本欧洲欧美视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

Element UI表單中數(shù)組循環(huán)驗(yàn)證必填方法

表單內(nèi)有部分?jǐn)?shù)據(jù)是通過(guò)數(shù)組循環(huán)展示出來(lái)的，需要對(duì)循環(huán)出來(lái)的表單進(jìn)行驗(yàn)證，方式如下：

 1 <div class="material-list" v-for="(item,index) in model.materialList" :key="index">
 2     <el-form-item label="類型" :prop="`materialList.${index}.materialType`" :rules="{ required: true, message: '請(qǐng)選擇類型',trigger: 'change'}">
 3         <el-select v-model="item.materialType" placeholder="請(qǐng)選擇類型" style="width:230px" @change="Change" :remote-method="remoteMethodmaterialType" filterable remote>
 4                <el-option 
 5                    v-for="(item,index) in materialTypeList"
 6                    :key="index"
 7                    :label="item"
 8                    :value="item">
 9                 </el-option>
10          </el-select>
11    </el-form-item>
12 </div>

解析：首先循環(huán)model里邊的數(shù)組materialList，然后在el-form-item標(biāo)簽的prop驗(yàn)證中添加驗(yàn)證的字段為materialList數(shù)組下的字段名（通過(guò)index索引來(lái)獲取）

數(shù)據(jù)格式，如下：

data(){
    return{
        model: {
                billId: '',picker: '',remark: '',
                materialList: [
                    {materialType: '',brand:'',material: '',unit:'',specificationModel:'',materialId: '',actualNumber:''},
                ]
            },
    }

posted @ 2025-06-12 11:19 四川郭富城閱讀(229) 評(píng)論(0) 收藏舉報(bào)

刷新頁(yè)面返回頂部

Element UI表單中數(shù)組循環(huán)驗(yàn)證必填方法

公告