Element組件，v-for循環，表單驗證方法

HTML

<el-row v-for="(item, idx) in profession.custs" :key="-idx" class="pro-card contacts s1">
    <el-row>
        <el-col>
            <el-form-item label="聯系人電話" :prop="'custs.'+idx+'.custPhone'" :rules="rules.custPhone">
                <el-input v-model="item.custPhone" placeholder="請輸入聯系人電話"></el-input>
            </el-form-item>
        </el-col>
    </el-row>
</el-row>

 

DATA

profession: {
            // 聯系人列表信息
            custs:[{
                custRela: '',//聯系人類型
                custName: '',//聯系人名稱
                custPhone: '',//聯系人電話
            }],
}

校驗規則　

//校驗規則
rules:{
    'custPhone':[
        {pattern: /^1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8}$/, message: '請輸入正確的格式', trigger: ['blur','change']},
    ]
},