css写法进阶

.class1

.class2

.class3

...

可以设置一个index变量变化，1，2，3， ...

定义类名的时候用数字定义，后续只要通过改变index就可以实现改变类名展现不同的样式

例如      :class="  ` class${index} ` "

 

 

另一个场景

:class="['img', true ? 'img-1' : 'img-2']"

 

默认都有img类，通过三元判断添加img-1类还是img-2类

 

:class= " [ 'img' , true && 'img-1'  ]"

 

默认都有img类，条件满足添加img-1类