Vue 中綁定css 類, 通過data 控制類的展示
<div class="color-box" :class="{ active: activeClass, 'text-danger': errorClass }">
//'text-danger' 加了引號是因?yàn)閷傩悦?連接
...
</div>
根據(jù)data 里面寫的activeClass / errorClass 的值來顯示要展示的類
data: {
activeClass: true,
errorClass: false
}
示例中div 的類為color-box active
