el-table里面如何针对不同数据做颜色区分

  <el-table-column slot="orderStatus" label="交易状态">
    <template #default="scope">
      <span :style="{'color': colorObj[scope.row.orderStatus]}">{{ scope.row.orderStatusName }}</span>
    </template>
  </el-table-column>

  colorObj: {
    waitbuyerpay: '#FAAD14',
    waitsellersend: '#1890FF',
    waitbuyerreceive: '#602266',
    confirm_goods: '#602266',
    success: '#13CE66',
    cancel: '#999',
    terminated: '#FF4848',
    confirm_goods_but_not_fund: '#602266'
  },

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容