在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue實(shí)現(xiàn)淘寶商品詳情頁(yè)屬性選擇功能

vue實(shí)現(xiàn)淘寶商品詳情頁(yè)屬性選擇功能

vue實(shí)現(xiàn)淘寶商品詳情頁(yè)屬性選擇功能，現(xiàn)在效果是點(diǎn)擊版本和版本和顏色一起都高亮了，要實(shí)現(xiàn)點(diǎn)擊版本實(shí)現(xiàn)版本對(duì)應(yīng)的高亮點(diǎn)擊顏色實(shí)現(xiàn)顏色的對(duì)應(yīng)高亮圖片描述

<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}" :data-id="item2.propertyId" @click="chek(index)">
                                            {{item2.name}}
                                        </dt>
                                    </div>
<script>

簡(jiǎn)易js

chek:function(index){
            this.iac=index
        }
</script>

怎么修改

回答
編輯回答
艷骨

你好，我剛剛也要開始做這個(gè)，但是以前沒有經(jīng)驗(yàn)也沒有思路，請(qǐng)問你的兩個(gè)框的基本和點(diǎn)擊樣式是用css控制的嗎？具體代碼能不能私信我一下？十分感謝！

2017年6月22日 03:03
編輯回答
情殺

你這是兩個(gè)狀態(tài)，所以需要兩個(gè)變量來存儲(chǔ)

//template
<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]}" @click="chek(index2,index)">
        {{item2.name}}
    </dt>
</div>

//data
iac:[]
            
//methods
chek(index2,index){
    this.iac[index2]=index
    this.iac = this.iac.concat([])
}
2017年2月18日 11:06