如何在Vue.js中使用多维复选框V模型

Question

假设我有一些带有条件和组的主题。 我如何第一次加载这些并在vuejs中签入更新心情？

<div v-for="(sub, Index) in subjects">

  <b>{{ sub }} </b>   
    <label v-for="(subconlist) in sub['subCon']">
                                        <input type="checkbox" 
                                        :value="subconlist.id"
                                         :key="subconlist.id"
                                       >
                                        <span>{{subconlist.name}}&nbsp;&nbsp;</span>
                                    </label>
                                     <label v-for="clsgrlist in sublist['acGr']">
                                        <input type="checkbox">
                                        <span>{{clsgrlist.academic_group_name}}&nbsp;&nbsp;</span>
                                    </label>
  </div>
     <button @click="saveOrUpdate()" >Save   </button>
  </div>

fiddle here

我将保存该表的位置：sub_id，condition_ids，group_ids 我必须根据表格中以逗号分隔的检查值保存数据。 我该如何检查复选框是否已在表中找到，我的意思是更新时？ 单击保存按钮时，我需要获取每个主题的subjectconditon或组ID。