vue通过filters过滤参数 动态绑定style文字样式，简单快捷明了

直接上代码:

 <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"
      }
    },
},