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 vote208 views1 answer
Vue js attribute binding
Javascript Vue
0 vote254 views1 answer
VueJS - getting the last element of a split string array
Javascript Vue
10 votes240 views2 answers
Vuejs does props factory function have access to vue instance
Javascript Vue
1 vote240 views2 answers
Get object from list of objects in vuejs with condition
Javascript Vue
21 votes302 views1 answer
Sh: 1: vue-cli-service: Permission denied
Javascript Vue
6 votes230 views1 answer
Vuejs set
Javascript Vue
0 vote244 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
62 votes296 views4 answers
How to install vue
Javascript Vue
1 vote241 views1 answer
Nativescript vue back button handler
Javascript Vue
0 vote243 views1 answer
Vue.js cdn script
Javascript Vue