javascript - Il faut cliquer sur plusieurs endroits d'une page pour les afficher, puis cliquer pour les masquer. Comment implémenter cela dans Vue?

Question

Cliquez sur le premier li comme indiqué sur la figure et tous les p de li seront affichés.
Lorsque je clique sur le deuxième li, le premier li et le troisième li changent également. Comment puis-je cliquer sur quel li et afficher l'élément p dans quel li ? . .

Answer 1

Définissez-en un current

@click = "current = 1"

v-show = "current == 1"

Answer 2

Vous comprendrez si vous regardez le code :

Answer 3

Bonne réponse au premier étage. Vous pouvez également utiliser v-if. Cependant, il est recommandé que la fonction de liaison @click soit écrite de manière plus standardisée dans les méthodes.

Answer 4

Pensez axé sur les données⤴

Answer 5

Cela devrait-il être rédigé en utilisant la délégation d'événements ? Vous liez le clic à ul, déterminez quel li est l'événement.target cliqué, puis changez l'affichage, ça devrait aller

Answer 6

Définissez trois variables