Vue да элементарни тогглаш
Келинг энди тугма ясайлик, у
абзацни тогглайди, яъни биринчи
кликда уни кўрсатади, иккинчи
кликда - яширади. Бунинг учун тугмага
клик қилганда toggle
методини чақирамиз:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
Метод кодида visible
хусусиятининг қийматини олиб, уни
тескари қийматга айлантириш керак
булади:
toggle: function() {
this.visible = !this.visible;
}
Учта абзац ва учта тугма берилган. Ҳар бир тугма ўз абзацини тогглаши учун қилинг.
