表格嵌套输入框加校验 vue

1、表格数组需要el-form的optForm点出来

<el-form  ref="optForm" :model="optForm" :rules="rules" label-width="130px">
          <el-table
            :data="optForm.kpSettleList"
            ref="table2">
     <el-table-column  label="手机号" prop="phone" min-width="130" >
              <template slot-scope="scope">
                <el-form-item :prop="'kpSettleList.' + scope.$index +'.phone'" :rules='rules.phone' label-width="0px">
                    <el-input v-model="scope.row.phone"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
</el-table>
</el-form>

2、在data里面定义rules

data() {
    return {
      optForm:{
        kpSettleList:[],
      },
      rules:{
        phone: [
          { required: true, message: '该项为必填项', trigger: 'blur' },
          { validator:rules.FormValidate.Form().validatePhone}
        ],
      },
    }
  },