Vue-dä reaksiýa şerti

Şertiň reaksiýaly bolmagyny edeliň. Mysal üçin, element-yuwas düwmesine basylanda ýaşyrylsyn. Bizde aşakdaky abzas bar bolsun:

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

Abzasy-myzyň başda görkezilýändigini edeliň:

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

Indi, basylýanda abzasyň ýaşyrylýan düwmesini edeliň:

<template>
	<button @click="hide">hide</button>
	<p v-if="visible">text</p>
</template>

Baglanyşykly usul visible aýratynlygyny false üýtgeder, şeýlelik bilen abzasy-myzy ýaşyrmaga mejbur eder:

methods: {
	hide: function() {
		this.visible = false;
	}
}

Abzas we düwme berlen. Abzas başda ýaşyrylan bolsun. Abzasy görkezýän düwme ýasalyň.

Abzas we iki düwme berlen. Birinji düwme abzasy görkezsin, ikinjisi bolsa ony ýaşyrsyn.

Öňki meseläni üýtgediň, şeýlelik bilen ekranda hemişe diňe bir düwme görünsin: eger abzas görkezilýän bolsa, ýaşyrmak üçin düwme, ýöne ýaşyrylan bolsa, görkezmek üçin düwme görünsin.