element ui 动态表格，根据第一个字符，判断字体的颜色

element ui 动态表格，根据表格第一个字符，显示不同颜色

效果图

1.在el-table 标签内

<el-table
		// 通过:cell-style
      :cell-style="cellStyle"
      :default-sort="{prop: 'id', order: 'descending'}"
      :header-cell-style="{background:'#ebeffb',color:'#000'}"
      :data="dataList"
      border
      v-loading="dataListLoading"
      @selection-change="selectionChangeHandle"
      style="width: 100%;">

2.在methods方法里面自己写一个方法

methods: {
      cellStyle (row, column, rowIndex, columnIndex) {
        // 根据报警级别显示颜色
        if (row.column.label === '相比去年总产量' && row.row.lastUtilization.indexOf('+') !== -1) {
          return 'color:red'
        }
        if (row.column.label === '相比去年总产量' && row.row.lastUtilization.indexOf('-') !== -1) {
          return 'color:green'
        }
        if (row.column.label === '相比去年' && row.row.lastYearUtilization.indexOf('+') !== -1) {
          return 'color:red'
        }
        if (row.column.label === '相比去年' && row.row.lastYearUtilization.indexOf('-') !== -1) {
          return 'color:green'
        }
      }
     }