el-table中的表单验证

el-table是Element UI中的一个表格组件，它提供了丰富的功能和选项，包括表单验证。在el-table中进行表单验证可以通过自定义校验规则来实现。

下面是一个示例代码，演示了如何在el-table中进行表单验证：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="name" label="姓名">
      <template slot-scope="scope">
        <el-form-item :rules="[{ required: true, message: '请输入姓名', trigger: 'blur' }]">
          <el-input v-model="scope.row.name"></el-input>
        </el-form-item>
      </template>
    </el-table-column>
    <el-table-column prop="age" label="年龄">
      <template slot-scope="scope">
        <el-form-item :rules="[{ required: true, message: '请输入年龄', trigger: 'blur' }, { type: 'number', message: '年龄必须为数字值' }]">
          <el-input-number v-model="scope.row.age"></el-input-number>
        </el-form-item>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: '' }
      ]
    };
  }
};
</script>

在上述代码中，我们使用了el-form-item组件来包裹el-input和el-input-number组件，并通过:rules属性设置了校验规则。其中，required为必填规则，message为提示信息，trigger为触发校验的事件。另外，我们还使用了type为number的校验规则，确保年龄字段为数字值。

请注意，上述代码只是一个简单的示例，实际的表单验证规则可能更加复杂。你可以根据自己的需求进行修改和扩展。