v-bind:class 怎么用
时间: 2023-09-13 16:07:29 浏览: 80
v-bind:class 是Vue.js中绑定class的一个指令,它可以根据表达式的值或对象的属性值动态地绑定或移除一个或多个class。具体使用方法如下:
1. 绑定单个class:
```
<div v-bind:class="{'active': isActive}"></div>
```
这个例子中,会动态绑定class为"active",当isActive为true时,即该元素会应用该class样式。
2. 绑定多个class:
```
<div v-bind:class="{'class1': isClass1, 'class2': isClass2}"></div>
```
这个例子中,会动态绑定class为"class1"和"class2",当isClass1为true时,应用class1样式,当isClass2为true时,应用class2样式。
3. 绑定表达式:
```
<div v-bind:class="[activeClass, errorClass]"></div>
```
这个例子中,会动态绑定class为activeClass和errorClass的值,如果它们存在的话。
希望以上回答对您有所帮助。
阅读全文