el-table高亮某一行

您好！要在 Element UI 的 el-table 组件中高亮某一行，可以通过以下步骤实现：

1. 在 el-table 中设置 `highlight-current-row` 属性为 `true`，这样 el-table 会自动高亮当前行。例如：

<el-table :data="tableData" highlight-current-row>
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
</el-table>

2. 如果需要手动控制高亮的行，可以使用 `current-row-key` 属性。将它绑定到 data 中的某个变量，然后在 handleRowClick 方法中修改这个变量的值，即可手动设置当前高亮的行。例如：

<el-table :data="tableData" :current-row-key="currentRowKey">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
</el-table>

<script>
export default {
  data() {
    return {
      tableData: [...],
      currentRowKey: '' // 当前高亮的行的 key
    }
  },
  methods: {
    handleRowClick(row) {
      this.currentRowKey = row.key;
    }
  }
}
</script>

3. 在样式表中定义高亮样式。例如：

.el-table__row--current-row {
  background-color: #f5f5f5;
}

这样就可以实现 el-table 高亮某一行的功能了。