在 Vue 中,可以使用 v-bind 指令来动态地绑定一个 class。
给定以下 HTML 代码:
<template>
<div v-bind:class="{ active: isActive }"></div>
</template>
<script>
export default {
data() {
return {
isActive: false
}
}
}
</script>
在 Vue 中,可以使用 v-bind 指令来动态地绑定一个 class。
给定以下 HTML 代码:
<template>
<div v-bind:class="{ active: isActive }"></div>
</template>
<script>
export default {
data() {
return {
isActive: false
}
}
}
</script>