1.方法一:只需要展示一个class样式,但是动态取值
<div :class="aaa"></div>data:{return () {aaa:'colorRed'}
}.colorRed {color: red;
}
2.方法二:表达式判断是否展示class里面的样式
<div :class="{'colorRed': aaa}"></div>data:{return () {aaa:true 或者false去控制展示}
}.colorRed {color: red;
}
3.方法三:如果多个class样式,并且里面还有判断是否展示的表达式 可以写成数组对象的形式
:class="[{'disabledEdit': editDisabled},'redcolor']"editDisabled可以是true或者false来决定是否显示类样式editDisabledcss样式
.disabledEdit{
xxx
}
.redcolor {
color: red;
}