如題:
<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的時(shí)候,會(huì)自己去載入資料並產(chǎn)生列表,但是想要在input 生成的時(shí)候都是checked的狀態(tài),要怎麼辦?
如果將userID 設(shè)為true 的時(shí)候可以,但是當(dāng)我點(diǎn)擊其中任何一個(gè)checkbox的時(shí)候都會(huì)全部操作,類似與全選取消全選。
我的需求如下:
1.產(chǎn)生的時(shí)候都是預(yù)設(shè)選取的
2.當(dāng)我選取操作任何一個(gè)checkbox的時(shí)候,data裡面的userId資料都會(huì)動(dòng)態(tài)更新。說(shuō)說(shuō)吧友們的做法吧
擁有18年軟件開發(fā)和IT教學(xué)經(jīng)驗(yàn)。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項(xiàng)目經(jīng)理、高級(jí)軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師,...