javascript - Comment Vue2 génère dynamiquement une case à cocher sélectionnée par défaut et obtient des données

Question

Comme dans le titre :

<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:[]
    }
  },

Lorsque ArtistsList est monté, il chargera les données et générera la liste par lui-même, mais si vous souhaitez qu'elle soit à l'état coché lorsque l'entrée est générée, que devez-vous faire ?
Cela fonctionne si l'ID utilisateur est défini sur true, mais lorsque je clique sur l'une des cases à cocher, toutes les opérations seront effectuées, de la même manière que tout sélectionner et tout désélectionner.
Mes besoins sont les suivants :
1. Il est sélectionné par défaut lors de la génération
2. Lorsque je sélectionne et coche une case, les données userId dans les données seront mises à jour dynamiquement. Parlons de ce que vous faites

Answer 1

v-model="item.userID" fera l'affaire,
item.userID est une valeur booléenne