要素コンポーネント、v-forループ、フォーム検証メソッド

HTML

<el-row v- for = " （item、idx）in profession.custs "：key = " -idx "  class = " pro- cardcontacts 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>

 

データ

職業：{
             // 連絡先リスト情報
            custs：[{ 
                custRela：''、// 連絡先タイプ 
                custName：''、// 連絡先名 
                custPhone：''、// 連絡先電話
            }]、
}

チェックルール　

// 検証ルール
ルール：{
     ' custPhone ' ：[ 
        {パターン： / ^ 1（：3 \ D | 。4 [ 4 - 9 ] | 。5 [ 0 - 35 - 9 ] | 。6 [ 67 ] | 。7 [ 013 - 8 ] | 8。 \ D | 9。 \ D）\ D { 8 } $ /、メッセージ：' を入力してください正しいフォーマット'、トリガー：[ ' ブラー'、' 変更']}、
    ] 
}、