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