
数组语法
我们可以把一个数组传给 v-bind:class ,实例如下:
实例
<div class="static" :class="[activeClass, errorClass]"></div>
以上实例 div class 渲染结果为:
<div class="static active text-danger"></div>
我们还可以使用三元表达式来切换列表中的 class :
实例
errorClass 是始终存在的,isActive 为 true 时添加 activeClass 类:
<div id="app">
<div class="static" :class="[isActive ? activeClass : '', errorClass]"></div>
</div>
以上实例 div class 渲染结果为:
<div class="static text-danger"></div>
|