/Javascript/Vue/Vue3 - class and style binding

Vue3 - class and style binding

Class binding vue

<div class="static"
  v-bind:class="{ active: isActive, 'text-danger': hasError }"
></div>

7

Source: grepper.com

Vue class binding

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

4

Source: grepper.com

Vue class binding

<div v-bind:class="[{ active: isActive }, errorClass]"></div>

4

Source: vuejs.org

Similar codes

6 votes392 views4 answers
V-for vue
Javascript Vue
1 vote353 views2 answers
Add remove to array vue js
Javascript Vue
0 vote356 views1 answer
Concat class name vue js
Javascript Vue
0 vote350 views1 answer
How to make @click in router-link vuejs
Javascript Vue
0 vote346 views2 answers
Navbar route with params vue
Javascript Vue
0 vote355 views1 answer
Vuejs enter phone with country flag
Javascript Vue
4 votes380 views2 answers
Vue router url string
Javascript Vue
0 vote392 views1 answer
Multiple js files vuejs
Javascript Vue
0 vote385 views1 answer
Jsmodule not installed vuejs webstorm
Javascript Vue
0 vote346 views1 answer
Bindbidirectional vue js
Javascript Vue

Share