vue.js實(shí)現(xiàn)商品詳情頁(yè)規(guī)格選擇功能

vue.js實(shí)現(xiàn)商品詳情頁(yè)規(guī)格選擇
實(shí)現(xiàn)點(diǎn)擊選擇版本選項(xiàng)和點(diǎn)擊選擇顏色選項(xiàng),選中高亮已實(shí)現(xiàn),怎么實(shí)現(xiàn)已選顯示選中的版本和顏色

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([]);
        },

怎么實(shí)現(xiàn)已選顯示選中的版本和顏色