javascript - vue2如何動態生成checkbox默認選中，獲取數據

問題描述

如題：

<li v-for='item in artistsList'> <img :src='http://www.wxshucaidpc.com/wenda/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是布爾值哦