vue remove class on click code example
Example 1: vue toggle class
<template>
<div>
<div
class="staticClass"
v-bind:class="{ active: isActive, 'text-danger': hasError }"
></div>
<!-- OR -->
<div
v-bind:class="[isActive ? activeClass : '', errorClass]"
></div>
</div>
</template>
<script>
export default {
data() {
isActive: true,
hasError: false,
activeClass: 'active',
errorClass: 'text-danger',
}
}
</script>
Example 2: toggle on-click button vue
<button @click="variable = !variable">
Toggle Value
</button>
<script>
export default {
data () {
return {
variable: false
}
}
}
</script>