vue3 <div class="icon iconhms icon-drag" :class="canDrag ? 'aaa' : 'bbb'" ></div> canDrag是计算属性,可以通过这种方式动态增加class吗
时间: 2023-08-13 22:25:05 浏览: 103
vue 动态添加class,三个以上的条件做判断方式
可以的,你可以使用类似于以下代码的方式来动态增加 class:
```html
<template>
<div class="icon iconhms icon-drag" :class="canDrag ? 'aaa' : 'bbb'"></div>
</template>
```
其中,`:class` 绑定了一个三元表达式,当 `canDrag` 为 true 时,会添加 `aaa` 类名,否则添加 `bbb` 类名。这里使用的是 Vue3 中新增的 `:class` 语法来动态绑定 class。通过这种方式,可以让组件的 class 更加灵活地根据条件进行动态设置。
阅读全文