vue設置動態style或class

動態設置背景圖

<div :style="{backgroundImage: `url(${(scope.row.budget_type == 2) ? scope.row.face : scope.row.formFace })`}">
    
</div>

 

動態設置style

<i class="el-icon-caret-bottom" :style="{'color':(!!screenFlag?'#00bad0':'#c0c4cc')}"></i>

 

固定class和動態class共存

<div :class="['add-redpacket-box',screenType == 2?'blacklist-outbox':'']">
    <p>提示</p>
</div>