多类名写法
- 类样式绑定
<div
:class="{
active1: item.isolateStatus == 1 ,
active2: item.isolateStatus == 2 || item.isolateStatus ==3 ,
active3: item.isolateStatus == 4,
active4: item.isolateStatus == 5,
}"
class="list"
@click="isolationDetail(item)"
>
- 样式三元
<!-- :style="
{'background-color': (item.actionName == 1 ? '#f7f2e7':
(item.actionName == 2 ? '#dbf0e9':
( item.actionName ==3 ? '#dedede':
(item.actionName == 4 ?'#fde5e5':'#dedede'))))}" -->