Vue da elementlarni tog'gilash
Keling, endi tugma yarataylik, u
abzatsni tog'gilaydi, ya'ni birinchi
chiquvcha bosilganda uni ko'rsatadi,
ikkinchi chiquvcha bosilganda - yashiradi.
Buning uchun tugmani bosilganda
toggle metodini chaqiramiz:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
Metod kodida visible
xususiyatining qiymatini olish
va uni o'ziga qarama-qarshi qiymatga
aylantirish kerak bo'ladi:
toggle: function() {
this.visible = !this.visible;
}
Uchta abzats va uchta tugma berilgan. Har bir tugma o'z abzatsini tog'gilashi uchun sozlang.
