vue3 el-table row-key

在Vue3中，`el-table` 是 Element UI 提供的一个用于展示表格的数据组件。`row-key` 属性是一个非常重要的属性，它用于指定表格数据行的唯一标识符。当你有一个复杂的表格数据结构，每个表格行需要通过某个字段来唯一识别时，可以设置 `row-key`。

例如，如果你的数据是对象数组，每个对象有一个名为 `id` 的字段，你可以这样配置：

<template>
  <el-table :data="tableData" :row-key="getRowKey">
    <!-- table columns -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'John', age: 25 },
        { id: 2, name: 'Jane', age: 30 },
        // 更多数据...
      ],
      getRowKey(item) {
        return item.id; // 返回每一行的唯一 id
      }
    };
  }
};
</script>

`getRowKey` 函数接收表格的数据项（item），并返回这个数据项对应的唯一键值。这样，当用户滚动表格时，Vue 能够跟踪并更新每一行的状态，确保数据的一致性。如果没有提供 `row-key`，表格可能会因为无法确定如何区分数据行而出现问题。