三目运算符进行多个条件判断的写法

一.第一层判断完成后，不符合条件继续第二层判断，以此类推。

 
 <div class="ticket"   :class="item.id==1?'id1':(item.id==2?'id2':(item.id==3?'id3':''))"></div>

二.动态添加多个class

 <p :class="`${condition1 ? 'font' : ''}  ${condition1 ? ' size' : ''}`"