如題:
<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:[]
}
},
artistsList在mounted的時候,會自己去載入資料並產生列表,但是想要在input 生成的時候都是checked的狀態,要怎麼辦?
如果將userID 設為true 的時候可以,但是當我點擊其中任何一個checkbox的時候都會全部操作,類似與全選取消全選。
我的需求如下:
1.產生的時候都是預設選取的
2.當我選取操作任何一個checkbox的時候,data裡面的userId資料都會動態更新。說說吧友們的做法吧
v-model="item.userID" 就行了,
item.userID是布林值哦