javascript - vue2如何动态生成checkbox默认选中，获取数据

问题描述

如题：

<li v-for='item in artistsList'> <img :src='https://www.haobala.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是布尔值哦