javascript - Un débutant de Vue demande de l'aide. v-for et v-if rendent plusieurs éléments au même niveau Comment changer l'affichage/masquage de l'un des éléments individuellement ?
淡淡烟草味
淡淡烟草味 2017-06-12 09:27:36
0
2
1060

Je m'entraîne en créant une liste de tâches faite maison qui peut être ajoutée, supprimée et modifiée, en imitant www.todolist.cn, et je suis resté bloqué lors de la réédition du contenu de la tâche. Il n'y a pas de solution officielle, donc je suis. demander de l'aide ici. ce qui suit.

Cliquez sur le texte pour le changer en modification d'entrée, mais l'effet est comme ceci
Parce que mon v-if est lié à la même variable, il sera certainement modifié globalement, mais ma compréhension de vue est trop superficielle pour pensez à un moyen efficace.
Code : `

 NBtodoList   




`
Existe-t-il un moyen de masquer uniquement l'étendue actuelle et d'afficher l'entrée après avoir déclenché l'événement de refonte ? Demandez conseil aux experts !

淡淡烟草味
淡淡烟草味

répondre à tous (2)
扔个三星炸死你
this.isRevamp = !this.isRevamp;

Cette méthode affichera ou masquera toutes les tâches ensemble,

Pour cibler uniquement une certaine tâche, vous pouvez ajouter un isRevamp pour chaque tâche, et cela devient alors :

todo.isRevamp = !todo.isRevamp;

Mais cela nécessite que chaque tâche dans vos données contienne isRevamp au début. Si vous souhaitez l'ajouter dynamiquement, cela sera plus gênant. Veuillez consulter la section « Principe réactif » dans le document : https://cn.vuejs. org/v2/guide...

Mais il existe un moyen simple de résoudre ce problème : ajoutez une variable d'index aux données,
à peu près comme ceci :

  • {{v}}
  • show:function(i){ this.index=i; }
      小葫芦

      C'est très simple, il suffit de lier une variable d'état à chaque élément.

        Derniers téléchargements
        Plus>
        effets Web
        Code source du site Web
        Matériel du site Web
        Modèle frontal
        À propos de nous Clause de non-responsabilité Sitemap
        Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!