iview table 中根据不同状态改变其文本的颜色

结果展示:
在这里插入图片描述
代码:

{
  title: '审核状态',
  key: 'Review',
  align: 'center',
  render: (h,params) => {
    if(params.row.Review === '已审核'){
      return h('span',{
        'style': {
          'color': '#2DC8B7'
        }
      },params.row.Review)
    } else if(params.row.Review === '待审核') {
      return h('span',{
        'style': {
          'color': '#FFB822'
        }
      },params.row.Review)
    } else if(params.row.Review === '驳回') {
      return h('span',{
        'style': {
          'color': '#B2B2B2'
        }
      },params.row.Review)
    }
  }
},

在这里插入图片描述

发布了90 篇原创文章 · 获赞 94 · 访问量 1万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章