elementui给r增加一个参数

Element UI 的 Table 组件没有提供类似 `row-key` 属性的参数，但是你可以通过自定义表格的 `row-render` 插槽来实现这个功能。

下面是一个示例代码：

<template>
  <el-table :data="tableData" :row-key="getRowKey" :row-class-name="getRowClassName">
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
    <el-table-column prop="gender" label="Gender"></el-table-column>
    <el-table-column label="Action">
      <template #default="scope">
        <el-button type="text" @click="deleteRow(scope.$index)">Delete</el-button>
      </template>
    </el-table-column>
    <template #row-render="{ row }">
      <tr :class="getRowClassName(row)" @click="handleRowClick(row)">
        <td>{{ row.name }}</td>
        <td>{{ row.age }}</td>
        <td>{{ row.gender }}</td>
        <td>
          <el-button type="text" @click="deleteRowByRowKey(row.key)">Delete</el-button>
        </td>
      </tr>
    </template>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { key: 1, name: 'John', age: 25, gender: 'Male' },
        { key: 2, name: 'Mary', age: 30, gender: 'Female' },
        { key: 3, name: 'Bob', age: 20, gender: 'Male' }
      ]
    }
  },
  methods: {
    getRowKey(row) {
      return row.key
    },
    getRowClassName(row) {
      return `row-${row.key}`
    },
    handleRowClick(row) {
      console.log(`Clicked row ${row.key}`)
    },
    deleteRow(index) {
      this.tableData.splice(index, 1)
    },
    deleteRowByRowKey(key) {
      const index = this.tableData.findIndex(row => row.key === key)
      if (index !== -1) {
        this.tableData.splice(index, 1)
      }
    }
  }
}
</script>

<style>
.row-1 {
  background-color: #f5f5f5;
}
</style>

在上面的示例中，我们使用了一个 `key` 字段来标识每一行的唯一性，并将 `row-key` 属性设置为 `getRowKey` 函数。然后，我们通过自定义 `row-render` 插槽来渲染每一行，并在 `<tr>` 标签上动态绑定了一个类名，这个类名是根据每一行的 `key` 字段来生成的，可以通过 `getRowClassName` 函数来实现。

注意，我们还需要在 `<el-table-column>` 中添加一个操作列来实现删除功能，因为在自定义 `row-render` 插槽中无法使用 Table 组件提供的行操作功能。