vue通过filters过滤参数 动态绑定style文字样式,简单快捷明了
直接上代码:<div>优先级://通过参数绑定到style样式,然后再加上过滤器<span:style="item.task|colorText">{{ item.task}}</span></div>filters: {colorText(colorVal){//接收参数做判断(注意:item.task就是colorVal)if..
·
直接上代码:
<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"
}
},
},
更多推荐
已为社区贡献3条内容
所有评论(0)