今天想用精灵图片对一个界面进行还原,用v-for进行循环的时候,为了出现图片样式的动态改变,class类要求动态的去变换,以下是vue绑定多个动态class的方法:
方法一
icon可以是变量也可以是常亮,isLike只能是字符串,是类名,且likeClass为true时才有
<i :class="[icon,{'isLike':likeClass}]"></i>
方法二:
classB和classC都是类名,都是字符串
<i :class=" { classB: true, classC: isC }"></i>
方法三:
class绑定一个三元表达式
<i :class=" isRed? ‘class1’, 'class2' "></i> `
参考地址:https://blog.csdn.net/qq_38918953/article/details/90549973https://blog.csdn.net/qq_38918953/article/details/90549973