vue.js实现商品详情页规格选择功能

Question

vue.js实现商品详情页规格选择
实现点击选择版本选项和点击选择颜色选项,选中高亮已实现,怎么实现已选显示选中的版本和颜色

html代码
<div class="chose-ck">

<p>已选:  {{Checkbox}}</p>

</div>
<div class="chose-ck" v-for="(item,index2) in colors" :key="index2">
<p>{{item.name}}</p>
<dt v-for="(item2,index) in item.childsCurGoods" :key="index" :class="{'check':index ===iac[index2]}" :id="item.id" @click="chek(index2,index,$event)" >

{{item2.name}}
</dt>

</div>
javascript

        chek(index2, index, $event) {
            this.iac[index2] = index
            this.iac = this.iac.concat([]);
        },

怎么实现已选显示选中的版本和颜色

Answer 1

两个for循环都能拿到当前选中的值，那就知道所选中值的name，你把选中的name值绑定到checkbox就可以了