Vue class add if

Vue conditional class

<div :class="{ 'prop-name': boolVar }"></div>

Conditional class vue

<template>
  <span
    class="description"
    :class="darkMode ? 'dark-theme' : 'light-theme'"
  >
    This is how you add dynamic classes in Vue.
  </span>
</template>

Source: michaelnthiessen.com

Vue class add if

<div class="" :class="[
                    $ua.isFromPc() !== true ? '':'fs-5 p-3', ' border bg-secondary text-white  rounded_3 test'
                ]" :id="`answer${key}`" style="cursor: pointer" @click="ClickingTest($event)">{{ value }}
          </div>

Vue class binding if else

vue class binding if else
<div :class="{ 'prop-name': boolVar }"></div>
:class="darkMode ? 'dark-theme' : 'light-theme'"
If darkMode is true, we apply dark-theme as our class name. 
	Otherwise we choose light-theme.

-1

Similar codes

0 vote350 views1 answer
Vuejs form prevent default event
Javascript Vue
1 vote382 views1 answer
Delete item from array vuejs
Javascript Vue
0 vote327 views1 answer
Vue JS Production mode refresh causing 404 error
Javascript Vue
0 vote294 views1 answer
How are vue components identified
Javascript Vue
0 vote324 views1 answer
Vue get window width
Javascript Vue
1 vote335 views2 answers
Vue settimeout in computed
Javascript Vue
0 vote356 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
0 vote347 views2 answers
To show which tab is active in VueJS
Javascript Vue
28 votes481 views4 answers
Vue inline style bind
Javascript Vue
62 votes458 views4 answers
How to install vue
Javascript Vue