element-ui 编辑表格表单校验

对于 Element UI 的编辑表格表单校验，你可以使用 Element UI 提供的表单校验规则来实现。

首先，你需要在表单的每个字段中定义校验规则。例如，如果要校验一个输入框输入的内容是否为非空字符串，你可以使用 `required` 规则。在编辑表格中，你可以通过在表格列中设置 `rules` 属性来定义校验规则。

下面是一个简单的示例，展示了如何在 Element UI 的表格中使用校验规则：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column label="姓名" prop="name">
      <template slot-scope="scope">
        <el-form-item :prop="'name.' + scope.$index" :rules="nameRules">
          <el-input v-model="scope.row.name"></el-input>
        </el-form-item>
      </template>
    </el-table-column>
    <el-table-column label="年龄" prop="age">
      <template slot-scope="scope">
        <el-form-item :prop="'age.' + scope.$index" :rules="ageRules">
          <el-input v-model.number="scope.row.age"></el-input>
        </el-form-item>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 20 },
        { name: 'Jane', age: null },
        { name: '', age: 30 }
      ],
      nameRules: [
        { required: true, message: '请输入姓名', trigger: 'blur' }
      ],
      ageRules: [
        { required: true, message: '请输入年龄', trigger: 'blur' },
        { type: 'number', message: '年龄必须为数字', trigger: 'blur' }
      ]
    };
  }
};
</script>

在上面的示例中，我们在姓名和年龄字段的 `el-form-item` 中分别设置了校验规则。 `nameRules` 定义了姓名字段的校验规则，要求输入不能为空； `ageRules` 定义了年龄字段的校验规则，要求输入不能为空且必须为数字。

你可以根据实际需求，定义更多的校验规则。除了 `required` 和 `type` 规则之外，还可以使用其他内置的规则或自定义规则来满足你的需求。

当用户在表格中编辑数据时，Element UI 会自动触发校验规则，并在不满足规则时显示相应的错误提示信息。你可以根据需求设置校验触发的时机，如 `blur`（失去焦点时触发）、`change`（值发生改变时触发）等。

注意：以上示例是基于 Element UI 2.x 版本的。如果你使用的是 Element Plus，则使用方式类似，只需将组件名换成 `el-input`、`el-table` 等。