vue 怎么获取class

如何在 Vue 中获取元素的 class 属性

Vue 中有几种方法可以获取元素的 class 属性：

1. v-bind:class 指令

<div v-bind:class="{ active: isActive }"></div>

这会根据 isActive 的布尔值动态地添加或删除 active class。

立即学习“前端免费学习笔记（深入）”；

2. className 绑定

<div :class="{ active: isActive }"></div>

与 v-bind:class 指令相同，但语法更加简洁。

3. $el.className 属性

const el = this.$refs.myElement;const className = el.className;

这会直接返回元素的 class 属性值。

4. $attrs 属性

<div v-bind="$attrs"></div>

这会将所有 HTML 属性绑定到组件实例，包括 class 属性。

5. $vnode.data.class 属性

const vnode = this._vnode;const className = vnode.data.class;

这会返回组件虚拟 DOM 节点的 class 属性值。