vue.js 商品选择属性时怎么区分两个属性

Question

我在做商品加入购物车选择商品的属性
我循环出来是数组里嵌套数组
我在点击商品属性的时候选择
颜色属性 “黄色”，“金色”，“白色”
尺码属性 “M”，“L”，“XL”
我遍历循环绑定都是没问题的现在需要 把选中的值 给取出来选中 “黄色” 再选中 “M” 这两个值取出来
现在我取值的方式是只能点击每次取一个值 怎么在数组嵌套数组里做个区分

<div id="popupSkuArea" v-for="ColorHt in HotColorSize">

                    <div class="sku_kind" v-text="ColorHt.name"></div>
                    <div class="sku_choose" id="skuPop1">
                        <span  v-for="ColorSizeHt in ColorHt.product_option_value">
                            <span class="item" v-text="ColorSizeHt.name"  @click="OfColorSize(ColorSizeHt)"></span>
                        </span>
                    </div>
                </div>
                
                

初始化加载数据的时候值已经绑定在页面上去了

怎么选中颜色取颜色的值 选择尺码取尺码的值 而不是每个都是单个去取

Answer 1

中间变量存储颜色和尺寸的值不行吗，点击的时候去修改