/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

0 vote187 views1 answer
How to open same project on different devices vue js
Javascript Vue
0 vote217 views1 answer
Vuejs v-model when enter pressed
Javascript Vue
0 vote184 views2 answers
Javascript vue.js right click
Javascript Vue
0 vote173 views1 answer
Update head tag metadata vue
Javascript Vue
-1 vote167 views1 answer
Vuejs how use this.$slots.default
Javascript Vue
0 vote190 views3 answers
Rust zola vuejs
Javascript Vue
1 vote191 views1 answer
Vue get data from method
Javascript Vue
0 vote309 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
0 vote182 views1 answer
Hide component on click vue
Javascript Vue
0 vote186 views1 answer
App.js:38650 [Vue warn]: Failed to mount component: template or render function not defined
Javascript Vue

Share