下面的问题怎么解决？

右侧代码是：
<div><div style="  margin-bottom: 10px;">单选题</div>
<div v-for="(item,index) in danxuanlist" :key="index" :max="1">
<div style=" margin-bottom: 10px;color: #606266 !important;">{{ index +1 }}、{{ item.name }}</div>
<div v-for="items in item.danContent" :key="items.index">
<!-- 代码选项 -->
<el-checkbox-group v-model="checkList">
 <el-checkbox :label="items" style=" margin-bottom: 10px;margin-left: 10px;color: #606266 !important;font-weight:400;"  @change="danoptions(items,index ) " />
</el-checkbox-group>
</div> 
</div>
左侧代码是：
<div class="xuhao-k">
  <span v-for="(item,index) in danxuanlist"  :key="item.id"  :class="`${duoindex}` === `${index}`?'xuhao-k-ss':'xuhao-k-st'" >
{{ index +1 }}</span>
</div>
```右侧试题处于选中的时候，左侧背景颜色改变。不选中，左侧不变。

问题是让左右两边联动起来吗？如果这样①、可以给每一道题给一个字段，通过这个字段值判断左边对应的数字要不要选中。②、我看你用的是elementui组件库，可以看看他们form表单多选组件，会对你有帮助。