el-table设置上下行数值连续校验

在使用 Element UI 中的 el-table 组件时，可以通过设置 `span-method` 属性来实现对上下行数值连续性的校验。具体实现方式如下：

1. 在表格数据中添加一个字段，用于记录当前行是否需要合并单元格，可以命名为 `rowSpan`。
2. 在表格中设置 `span-method` 属性，该属性的值是一个回调函数，用于判断当前单元格是否需要进行合并。
3. 在回调函数中，可以判断当前单元格所在的行和上一行是否需要合并，如果需要，则返回一个对象，包含合并行数和列数两个属性。

示例代码如下：

<template>
  <el-table :data="tableData" :span-method="handleSpanMethod">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="gender" label="性别"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, gender: '男', rowSpan: 1 },
        { name: '李四', age: 20, gender: '女', rowSpan: 1 },
        { name: '王五', age: 22, gender: '男', rowSpan: 2 },
        { name: '赵六', age: 25, gender: '女', rowSpan: 1 },
        { name: '钱七', age: 28, gender: '男', rowSpan: 1 },
        { name: '孙八', age: 30, gender: '女', rowSpan: 1 },
      ],
    };
  },
  methods: {
    handleSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        // 判断当前单元格所在的行和上一行是否需要合并
        if (rowIndex > 0 && this.tableData[rowIndex - 1].name === row.name) {
          return {
            rowspan: row.rowSpan + 1,
            colspan: 1,
          };
        } else {
          return {
            rowspan: row.rowSpan,
            colspan: 1,
          };
        }
      }
    },
  },
};
</script>

以上代码中，`handleSpanMethod` 是一个回调函数，它接收一个参数 `{ row, column, rowIndex, columnIndex }`，分别表示当前单元格所在的行数据、列数据、行索引和列索引。在该函数中，我们首先判断当前单元格所在的列是否为第一列，如果是，则判断当前单元格所在的行和上一行是否需要合并，如果需要，则返回一个对象，包含 `rowspan` 和 `colspan` 两个属性。其中，`rowspan` 表示需要合并的行数，`colspan` 表示需要合并的列数。

如果你对这个问题还有疑问，欢迎继续提问。