Vue.jsRendering condizionale


Sintassi

  • <element v-if="condition"></element> // v-if
  • <element v-if="condition"></element><element v-else="condition"></element> // v-if | v-else
  • <template v-if="condition">...</template> // template v-if
  • <element v-show="condition"></element> // v-show

Osservazioni

È molto importante ricordare la differenza tra v-if e v-show . Mentre i loro usi sono quasi identici, un elemento legato a v-if verrà visualizzato solo nel DOM quando la condizione è true per la prima volta . Quando si usa la direttiva v-show , tutti gli elementi sono resi nel DOM ma sono nascosti usando lo stile di display se la condizione è false !

Rendering condizionale Esempi correlati