国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - vue2如何動(dòng)態(tài)產(chǎn)生checkbox預(yù)設(shè)選中,取得數(shù)據(jù)
高洛峰
高洛峰 2017-06-10 09:49:17
0
1
1385

如題:

<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ò)人氣名人講師,...

全部回覆(1)
巴扎黑

v-model="item.userID" 就行了,
item.userID是布林值哦

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板