以上实例 div class 渲染结果为：
我们还"/>
热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

把一个数组传给 v-bind：class

2023-04-12 01:37:41

把一个数组传给 v-bind：class
数组语法
我们可以把一个数组传给 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>
数组语法传给实例我们可以还把

推荐阅读