javascript - vue modifie l'élément de nœud actuel

Question

Ma question est la suivante. Cliquez sur 1111, puis 111 est masqué et 222 est affiché. . La question est, comment masquer les éléments frères au lieu des 2222 ? ?
Encore une question

Comment utiliser cette syntaxe ? ? Cette fonction n'est-elle pas b(retour a+1) ? ?

Answer 1

Première question : Vous devez l’utiliser selon les règles de Vue

<p id="app">
  <ul>
    <li v-for="item in items">
      <p v-if="item.visible" v-text="item.content1" @click="item.visible=false"></p>
      <p v-if="!item.visible" v-text="item.content2" @click="item.visible=true"></p>
    </li>
  </ul>
</p>

new Vue({
  el: '#app',
  data() {
    return {
      items: [{
        content1: "11111",
        content2: "22222",
        visible: true
      }, {
        content1: "33333",
        content2: "44444",
        visible: true
      }]
    }
  }
});

Démo en ligne : https://jsfiddle.net/n6sga9v2/

Deuxième question :

Parlez-vous des fonctions fléchées ? Si tel est le cas, alors la grammaire que vous utilisez est fausse. Vous pouvez lire un court article

.

Fonction à 3 flèches de la série de démarrage ES2015

Answer 2

1. Contrôlez différents éléments avec différents attributs

2. const b = () => d + 1

Apprenez les bases de JS avant de poser des questions.