javascript - Bagaimana vue2 menjana kotak pilihan secara dinamik yang dipilih secara lalai dan memperoleh data

Question

Seperti dalam tajuk:

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

Apabila artistsList dipasang, ia akan memuatkan data dan menjana senarai itu dengan sendirinya, tetapi jika anda mahu ia berada dalam keadaan disemak apabila input dijana, apakah yang perlu anda lakukan?
Ia berfungsi jika ID pengguna ditetapkan kepada benar, tetapi apabila saya mengklik mana-mana kotak pilihan, semua operasi akan dilakukan, sama seperti memilih semua dan menyahpilih semua.
Keperluan saya adalah seperti berikut:
1 Ia dipilih secara lalai apabila dijana
2 Apabila saya memilih dan mengendalikan mana-mana kotak pilihan, data userId dalam data akan dikemas kini secara dinamik. Mari bincang tentang apa yang kamu lakukan

Answer 1

v-model="item.userID" akan dilakukan,
item.userID ialah nilai Boolean