Menogol Elemen dalam Vue
Sekarang mari kita buat butang yang
akan menogol perenggan, iaitu pada klik pertama
menunjukkannya, dan pada klik kedua
- menyembunyikannya. Untuk melakukan ini, pada klik
pada butang, kita akan memanggil kaedah
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">teks</p>
</template>
Dalam kod kaedah, perlu mengambil
nilai sifat visible
dan menyongsangkannya kepada
nilai bertentangan:
toggle: function() {
this.visible = !this.visible;
}
Diberi tiga perenggan dan tiga butang. Buatkan agar setiap butang menogol perenggannya sendiri.
