前端 VUE 实现SKU(商品规格)

1.下面是后端返回的数据

2.下面是渲染数据以后传值和调用方法来确定选择的是哪个商品规格以及切换颜色

     <div v-for="(item,index) in colorList" :key='index'>
                <div style="color: white;font-weight: bold;font-size: 20px;margin-top: 20px;" >
                    {
  {item.label}}:
                    <div style="display: flex;width: 250px;flex-wrap: wrap;">
                        <div v-for="(pros,indexa) in item.children" :key='indexa' class="Gbox"
                            :class="{pitch :pros.checked }" @click='ChooseColor(index,indexa)'>
                            <span>{
  {pros.label}}</span>
                        </div>
                    </div>