vue中:class=“ “的三元表达式写法

vue中:class=" "的三元表达式写法<div class="stepbar"><div class="stepbar-first"></div><div class="stepbar-first-line"></div><div v-if="item.applyState===5" class="stepbar-gray"&

晚风914

12073人浏览 · 2021-10-14 18:40:48

晚风914 · 2021-10-14 18:40:48 发布

vue中:class=" "的三元表达式写法

<div class="stepbar">
   <div class="stepbar-first"></div>
   <div class="stepbar-first-line"></div>
   <div v-if="item.applyState===5" class="stepbar-gray"></div>
   <div v-else :class="item.applyState===1?'stepbar-red':'stepbar-first'"></div>
   <div v-if="item.applyState!==1&&item.applyState!==5" class="stepbar-first-line"></div>
   <div v-if="item.applyState!==1&&item.applyState!==4&&item.applyState!==5" :class="item.applyState===2&&item.applyState!==3?'stepbar-red':'stepbar-first'"></div>
   <div v-if="item.applyState===4" class="stepbar-gray"></div>
 </div>