ivew表格添加单元格高亮

在iView框架中，你可以使用Table组件的`highlight-row`属性来实现在表格行上添加高亮效果。这个属性允许你设置当满足特定条件时哪些行会被高亮显示。例如：

<template>
  <ivu-table :data="tableData" highlight-row="{ rowKey: 'id', props: ['status'] }">
    <!-- 表头 -->
    <ivu-table-column prop="name" label="姓名"></ivu-table-column>
    <ivu-table-column prop="age" label="年龄"></ivu-table-column>
    <ivu-table-column prop="status" label="状态" width="150">
      <template slot-scope="scope">
        <span v-if="scope.row.status === 'active'">已激活</span>
        <span v-else>未激活</span>
      </template>
    </ivu-table-column>
    <!-- ...更多列... -->
  </ivu-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据...
      ],
      // 示例：当status字段等于'active'时，对应的行将被高亮
      highlightRowProps: { status: true },
    };
  },
};
</script>

在这个例子中，如果表单中的`status`字段值为'active'，那么对应那一行就会被高亮显示。你可以自定义`rowKey`和`props`来指定哪一列的数据决定了高亮，以及高亮的具体规则。