直接上代码:

 <div>优先级:
        //通过参数绑定到style样式,然后再加上过滤器
      <span  :style="item.task|colorText">
           {{ item.task}}
      </span>
</div>

filters: {
    colorText(colorVal){
       //接收参数做判断(注意:item.task就是colorVal)
      if(colorVal=='low') {
        //return 相对应的颜色样式
        return "color:#6FEA10"
      }else if(colorVal=='mid'){
        return "color:#1890FE"
      }else if(colorVal=='high'){
        return "color:red"
      }
    },
},

 

Logo

前往低代码交流专区

更多推荐