利用element的布局标签el-row、el-col设计了一个表格，现在希望数据渲染后，如何设置才可以将某些单元格以颜色突出显示呢？

• Z时代
• 2024-02-10
• 分类：IT

<template> 
<div class="wrapper center-table">
    <!-- 循环遍历数组中每一项 -->
    <el-row v-for="(item, index) in list" :key="index" class="table-col">
      <el-col v-for="(item2, index2) in item" :key="index2" :span="24 / item.length" class="table-item">
        <span class="label">{{ item2.title }}</span>
        <span class="value">{{ item2.value }}</span>
      </el-col>
    </el-row>
  </div>
</template>

比如这样，项渲染第三行第一列的单元格为红色，怎么实现呢

回答：

在 class 里写个 if 表达式

以上是 利用element的布局标签el-row、el-col设计了一个表格，现在希望数据渲染后，如何设置才可以将某些单元格以颜色突出显示呢？ 的全部内容， 来源链接： utcz.com/p/934546.html