只记录几个我比较常用的哈~
动态设置class
1.多个类名判断
:class ="{'selected':condition==='0','choosed':condition==='1' }"
//冒号前为类名后为条件
2.三目判断
:class="data===1?'css样式1':'css样式2'"
3.条件判断
:class="index%2>0?'bluePattern':'whitePattern'"
动态设置style
动态使用style的时候属性要用驼峰!驼峰!
1.条件判断
:style="{ width: clickTerminal ? '89%' : '100%' }"
2.使用函数判断
:style="{backgroundColor:(canteen_status(item.DealCount,item.RestaurantName)>0?'#FEF2E8':'#FAFAFA')}"