Looking for vue.js Answers? Try Ask4KnowledgeBase
Looking for vue.js Keywords? Try Ask4Keywords

Vue.jsУсловный рендеринг


Синтаксис

  • <element v-if="condition"></element> // v-if
  • <element v-if="condition"></element><element v-else="condition"></element> // v-if | v-то еще
  • <template v-if="condition">...</template> // templated v-if
  • <element v-show="condition"></element> // v-show

замечания

Очень важно помнить разницу между v-if и v-show . Хотя их использование почти идентично, элемент, связанный с v-if будет отображаться только в DOM, когда это условие является true в первый раз . При использовании v-show директивы, все элементы отображаются в DOM , но скрыты с помощью display стиля , если условие false !

Условный рендеринг Связанные примеры