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:

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

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

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

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

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

data-da visible häsiýeti saklansyn. Size-de iki sany abzas bar bolsun. Şeýle ediň ilk abzas ekranda görkezilsin, eger visible häsiýeti true bolsa, ikinji abzas bolsa, tersine, görkezilsin, eger visible häsiýeti false bolsa.