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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章