设置各单元格的颜色样式依据其值的不同

    <template>
      <div class="table-warp">
    <el-table
      id="tables"
      :data="tableData"
      border
      style="width: 100%;height: 100%;"
      :header-cell-style="{
        color: '#333',
      }"
      :cell-class-name="hanedlBg">
      <el-table-column
        v-for="(item,i) in tableHeader"
        :key="i"
        :prop="item.prop"
        :label="item.name">
      </el-table-column>
    </el-table>
      </div>
    </template>
    
    <script>
    export default {
      data(){
    return{
      tableHeader: [ //表头信息
        {
        "prop": "