“Vue Classe Condicional” Respostas de código

Classe condicional Vue

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

Estilo de ligação com condição em Vue

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

vue duas aulas de V-If

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

Estilo de ligação com condição em Vue

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

Vue Inline Style Bind

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

Vue Classe Condicional

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

Respostas semelhantes a “Vue Classe Condicional”

Perguntas semelhantes a “Vue Classe Condicional”

Procure respostas de código populares por idioma

Procurar outros idiomas de código