javascript – Wie vue2 dynamisch ein standardmäßig ausgewähltes Kontrollkästchen generiert und Daten abruft

Question

Wie im Titel:

<li v-for="item in artistsList">
       <img :src="item.user_avatar" alt="">
       <p>
       <p>{{item.user_name}}</p>
       <span>{{item.user_job}}/{{item.user_country}}</span>
     </p>
     <label>
      <input type="checkbox" :value="item.user_id" v-model="userID">
     </label>
</li>

data () {
    return {
      userID:[],
      artistsList:[]
    }
  },

Wenn „artistsList“ gemountet ist, werden die Daten geladen und die Liste selbst generiert. Wenn Sie jedoch möchten, dass sie beim Generieren der Eingabe im aktivierten Zustand ist, was sollten Sie tun?
Es funktioniert, wenn userID auf true gesetzt ist, aber wenn ich auf eines der Kontrollkästchen klicke, werden alle Vorgänge ausgeführt, ähnlich wie beim Auswählen und Abwählen aller.
Meine Anforderungen sind wie folgt:
1. Es ist standardmäßig ausgewählt, wenn es generiert wird.
2 Wenn ich ein Kontrollkästchen auswähle und betätige, werden die Benutzer-ID-Daten in den Daten dynamisch aktualisiert. Lass uns darüber reden, was ihr macht

Answer 1

v-model="item.userID" 就行了，
item.userID是布尔值哦