Looking for vue.js Keywords? Try Ask4Keywords

Vue.jsBedingtes Rendern


Syntax

  • <element v-if="condition"></element> // v-if
  • <element v-if="condition"></element><element v-else="condition"></element> // V-if | v-sonst
  • <template v-if="condition">...</template> // Vorlage für v-if
  • <element v-show="condition"></element> // V-Show

Bemerkungen

Es ist sehr wichtig, sich an den Unterschied zwischen v-if und v-show zu erinnern. Während ihre Verwendung fast identisch ist, ein Element gebunden v-if nur in das DOM machen wird , wenn es Bedingung ist true zum ersten Mal. Bei Verwendung der v-show - Richtlinie, werden alle Elemente in das DOM gemacht , sondern mit dem versteckten display Stil , wenn die Bedingung ist false !

Bedingtes Rendern Verwandte Beispiele