javascript - Bagaimana vue2 menjana kotak pilihan secara dinamik yang dipilih secara lalai dan memperoleh data
高洛峰
高洛峰 2017-06-10 09:49:17
0
1
1312

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

membalas semua(1)
巴扎黑

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan