表格一行内数据最大颜色变红

效果图代码html<div :style="`${item.secondary === `${maxB1}` ? 'color:red;' : ''}`">{{ item.secondary }}</div>jsdata里面定义maxB1methods里面var arr = [];//定义一个空数组var reg =/[\u4e00-\u9fa5]/g;//去掉中文this

小阳生煎

844人浏览 · 2022-01-04 15:57:29

小阳生煎 · 2022-01-04 15:57:29 发布

效果图

在这里插入图片描述

代码

html

  <div :style="`${item.secondary === `${maxB1}` ? 'color:red;' : ''}`">{{ item.secondary }}</div>

data里面定义
maxB1


methods里面
  var arr = [];//定义一个空数组
      var reg =/[\u4e00-\u9fa5]/g;//去掉中文
      this.allstitutionVa.forEach((i)=>{
      //this.allstitutionVa这个是你的数组里面的值
      arr.push(i.apropos.replace(reg, "")); })//这个是得到其中一行对应的值 放在数组里面
     this.maxB1 = arr.sort(function(a,b){
      //这个this.maxB1是data里面定义的值
      // 以下是判断大小值
    return b-a;
     })[0];
    //这边可以打印看下是否显示最大值了
    //然后让得到的值与数据渲染的值一致时就是最大显示对应颜色