vue3 列表项值根据数据区分颜色显示

       <el-table-column prop="deviation" label="偏差率(%)" >

                  <template #default="scope">

                    <span :style="cssMethod(scope.row.deviation)">{{ scope.row.deviation }}</span>

                 </template>

      </el-table-column>

 

// 列表样式

const cssMethod = (value) => {

  let color = ''

  if (value > 5) {

    color = 'red'

  }

  return { color: color}

}