el-table 表格可编辑校验

对于 el-table 表格的编辑校验，你可以使用以下方法之一：

1. 在 el-table-column 中使用 scoped slot 的方式自定义编辑组件，并在编辑组件中添加校验逻辑。例如，你可以在编辑组件的 change 事件中进行校验，并通过设置 el-form-item 的 rules 属性实现校验效果。

<el-table :data="tableData">
  <el-table-column label="姓名" prop="name">
    <template slot-scope="scope">
      <el-form-item :prop="'name' + scope.$index" :rules="[{ required: true, message: '请输入姓名', trigger: 'blur' }]">
        <el-input v-model="scope.row.name" @change="handleNameChange(scope.row, scope.$index)"></el-input>
      </el-form-item>
    </template>
  </el-table-column>
</el-table>

2. 另一种方法是监听 el-table 的 row-change 事件，在事件处理函数中进行校验。你可以在该事件处理函数中获取到当前编辑行的数据，并进行校验逻辑判断。

<el-table :data="tableData" @row-change="handleRowChange">
  <el-table-column label="姓名" prop="name">
    <template slot-scope="scope">
      <el-input v-model="scope.row.name"></el-input>
    </template>
  </el-table-column>
</el-table>

methods: {
  handleRowChange(row) {
    // 校验逻辑判断
    if (!row.name) {
      this.$message.error('姓名不能为空');
      // 可以将错误信息保存在 row 对象的某个属性中，然后在表格中进行展示
      row.errorName = '姓名不能为空';
    } else {
      row.errorName = '';
    }
  }
}

这些方法可以帮助你在 el-table 表格中实现可编辑校验的功能。根据你的实际需求，选择适合你的方法进行使用。