Vue-dä şertli görkezme

Öwreneris indiki direktiwamyz v-if diýilýär. Onuň kömegi bilen elementleri görkezip ýa-da gizlap bilersiňiz. Bu direktiwa nähili işleýär: ol parametr hökmünde data obýektiniň islendik häsiýetini kabul edýär. Eger bu häsiýetiň bahasy true bolsa - element görkeziler, false bolsa - gizlener.

Geliň mysal bilen göreli. v-if atributy bolan abzas bolsun. Bu atributyň bahasy bolsa visible häsiýeti bolsun, şeýle:

App.vue<template>
  <p v-if="visible">tekst</p>
</template>

Geliň häsiýetimiziň bahasyny true edeli. Bu ýagdaýda abzas görkeziler:

javascriptdata() {
  return {
    visible: true,
  }
}

Eger visible häsiýetiniň bahasyny false etsek, abzas gizlener:

javascriptdata() {
  return {
    visible: false,
  }
}