Vue根据不同的值显示不同的class

Vue根据传入不同的值显示不同的Class

多条件判断

:class="[
 {'r': item < 200 && item > 0},
 {'b': item < 300 && item > 199},
 {'y': item < 400 && item > 299},
 {'g': item < 500 && item > 399},
 {'o': item < 600 && item > 499}
]"
 

两个Class切换

:class="['class1',model==='views'?'class2':'class3']"

以上