“Vue warunkowa klasa” Kod odpowiedzi

Klasa warunkowa vue

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

Styl wiązania ze stanem w vue

v-bind:style= "[condition ? {styleA} : {styleB}]"
Wandering Wolf

Vue Two V-IF klasa

<a :class="[
           'btn', 
           (respond === 'responseFound' ? 'btn-yellow' : 'btn-default'), 
           (type === 1 ? 'btn-block' : 'btn-xs center-block')
           ]">
Shadow

Styl wiązania ze stanem w vue

<figure :style="[item.main_featured ? {'background': 'url(' + item.main_featured + ') center no-repeat'} : {'background': '#FFF'}]">
Wandering Wolf

wiązanie stylu inline vue

<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div>
Lazy Louse

Vue warunkowa klasa

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

Odpowiedzi podobne do “Vue warunkowa klasa”

Pytania podobne do “Vue warunkowa klasa”

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu