vue怎么动态给class绑定样式
时间: 2023-06-07 09:09:25 浏览: 152
vue中v-for通过动态绑定class实现触发效果
Vue动态给class绑定样式可以使用v-bind:class指令,使用方式如下:
```
<div v-bind:class="{ active: isActive }"></div>
```
其中,active是样式类名,isActive是Vue实例中定义的一个布尔值。如果isActive为true,则该元素会动态添加active样式类;否则移除。
也可以使用数组语法,在Vue实例中定义一个class数组,然后动态绑定到元素上,示例如下:
```
<div v-bind:class="classArr"></div>
```
其中,classArr是Vue实例中定义的一个class数组,它包含一些样式类名,可以动态添加或移除。
阅读全文