vue class里同时使用多个三元运算
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"
>
条件比较多的情况下利用数组
转自:https://blog.csdn.net/Emma1314PYT/article/details/109467481