javascript - Beberapa tempat pada halaman perlu diklik untuk dipaparkan dan kemudian diklik untuk menyembunyikan Bagaimana untuk melaksanakan ini dalam Vue?

Question

Klik pada li pertama seperti yang ditunjukkan dalam rajah dan semua p bagi li akan dipaparkan.
Apabila saya mengklik pada li kedua, li pertama dan li ketiga juga berubah. Bagaimanakah saya boleh mengklik li yang mana dan memaparkan elemen p dalam li yang mana? . .

Answer 1

Set satu current

@click = "current = 1"

v-show = "current == 1"

Answer 2

Anda akan faham apabila anda melihat kod:

Answer 3

Jawapan betul di tingkat satu. Anda juga boleh menggunakan v-if. Walau bagaimanapun, adalah disyorkan bahawa fungsi mengikat @click ditulis dengan cara yang lebih standard dalam kaedah.

Answer 4

Fikirkan berdasarkan data⤴

Answer 5

Adakah ini perlu ditulis menggunakan delegasi acara? Anda mengikat klik pada ul, tentukan acara.sasaran yang diklik itu, dan kemudian tukar paparan, ia sepatutnya baik

Answer 6

Tetapkan tiga pembolehubah