vue绑定多个class 三元运算符多个条件限制

vue绑定多个class 三元运算符多个条件限制在v-for循环中，根据需求，前3条添加不一样的样式。第一个第二个第三个分别是不同的样式<divv-for="(item, index) in msgList":key="index":class="[index==0?classA:'',index==1?classAa:'',index==2?classAb:'',index>2?cl

Mrs.攻城狮女

3915人浏览 · 2020-11-03 13:24:03

Mrs.攻城狮女 · 2020-11-03 13:24:03 发布

vue绑定多个class 三元运算符多个条件限制

在v-for循环中，根据需求，前3条添加不一样的样式。
第一个第二个第三个分别是不同的样式

 <div
              v-for="(item, index) in msgList"
              :key="index"
              :class="[index==0?classA:'',index==1?classAa:'',index==2?classAb:'',index>2?classB:'']"
              :style="sideMsgStyle"
            >

条件比较多的情况下利用数组