Vue中Class 与 Style 绑定如何加样式

你可以在对象中传入更多字段来动态切换多个 class。此外，v-bind:class 指令也可以与普通的 class attribute 共存。当有如下模板：

<div
class="static"
v-bind:class="{ active: isActive, 'text-danger': hasError }"
></div>

 

data: {
isActive: true,
hasError: false
}

<div v-bind:class="[isActive ? activeClass : '', errorClass]"></div>

<div v-bind:class="[{ active: isActive }, errorClass]"></div>