Toggle Elemen dalam Vue
Sekarang mari buat tombol yang
akan toggle paragraf, yaitu pada klik pertama
menampilkannya, dan pada klik kedua
- menyembunyikannya. Untuk melakukan ini, saat diklik
pada tombol akan memanggil metode
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
Dalam kode metode, perlu mengambil
nilai properti visible
dan membaliknya ke
kebalikannya:
toggle: function() {
this.visible = !this.visible;
}
Diberikan tiga paragraf dan tiga tombol. Buatlah agar setiap tombol men-toggle paragrafnya sendiri.
