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;
}