el-table 高亮多行

`el-table` 是 Element UI 提供的一个用于展示表格数据的组件，在Vue.js环境中非常常见。如果想让 `el-table` 中的多行高亮显示，通常可以在列设置部分使用 `row-class-name` 或者自定义渲染函数来实现。

`row-class-name` 是一个属性，可以接收一个返回字符串的函数，通过传入当前行的数据作为参数，返回的字符串会被作为行的 CSS 类名。例如：

<template>
  <el-table :data="tableData" :row-class-name="getRowClass">
    <!-- ...表头... -->
  </el-table>
</template>

<script>
export default {
  methods: {
    getRowClass(row) {
      return row.id === 'highlightedId' ? 'highlight-row' : '';
    }
  },
  data() {
    return {
      tableData: [
        // ...
      ],
      highlightedId: '特定行ID'
    };
  }
}
</script>

<style scoped>
.highlight-row {
  background-color: yellow; /* 可以调整颜色 */
}
</style>

在这个例子中，当某一行的 `id` 等于 `highlightedId` 时，该行会应用 `highlight-row` 类并呈现黄色背景。

如果你需要更复杂的条件控制，也可以直接在模板里使用 `v-for` 和 `v-bind:class` 绑定来动态生成 CSS 类。