iview表格如何设置多行高亮

在iView框架中，你可以通过`ivu-table`组件的`row-class-name`属性来实现表格的多行高亮。这个属性允许你自定义每行的CSS类名，当你需要对特定的行进行高亮时，可以为它们指定特殊的类。

例如，假设你想当某列的值满足某个条件时，对应行会被高亮显示，你可以这样做：

<template>
  <Table :data="tableData" :row-class-name="getRowClassName">
    <!-- 表格列 -->
  </Table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ],
    };
  },
  methods: {
    getRowClassName(row) {
      const { yourConditionColumn } = row; // 你需要检查的列的数据
      if (yourConditionColumn === 'your_condition') { // 指定的条件
        return 'highlight-row'; // 自定义的高亮类名
      }
      return ''; // 或者返回默认样式，如果没有满足条件
    },
  },
};
</script>

<style scoped>
.highlight-row {
  background-color: yellow; // 设置你的高亮颜色
}
</style>

在这个例子中，当`yourConditionColumn`满足`'your_condition'`时，对应的行会获得名为`highlight-row`的CSS类并展示黄色背景。