/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 vote128 views3 answers
Srcset vue
Javascript Vue
-1 vote116 views3 answers
Vue is not defined
Javascript Vue
0 vote125 views1 answer
How to add okta api to vuejs
Javascript Vue
0 vote109 views1 answer
Vue learn
Javascript Vue
0 vote124 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue
1 vote111 views2 answers
How to watch for changes within a prop in vue
Javascript Vue
0 vote101 views1 answer
VueJs System Modifier keys like exact ctrl alt shift meta
Javascript Vue
1 vote111 views1 answer
Vuex-module-decorators access other state
Javascript Vue
0 vote112 views1 answer
Vuejs pass data to router-view
Javascript Vue
2 votes113 views1 answer
Vue local storage delete
Javascript Vue

Share