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

鍍金池/ 問(wèn)答/HTML/ vue中動(dòng)態(tài)添加類樣式遇到的問(wèn)題

vue中動(dòng)態(tài)添加類樣式遇到的問(wèn)題

現(xiàn)在我有這樣一個(gè)需求：

clipboard.png
由于外面的父類span是由遍歷數(shù)組而來(lái)的，我只給第一個(gè)0下標(biāo)的元素添加一個(gè)偽元素的類樣式，那么我如何做到遍歷0下標(biāo)的數(shù)組時(shí)，做到控制子類中的span的類樣式顯示隱藏；
實(shí)現(xiàn)后的效果圖是這樣的：

clipboard.png
我自己的想法實(shí)現(xiàn)是這樣的：
（先在return中定義一個(gè)屬性控制顯示隱藏，在父span中找到數(shù)組中index=0下標(biāo)的把屬性置為true，然后再子span中在屬性為true的狀態(tài)下又動(dòng)態(tài)添加circle類樣式，這樣子就通過(guò)父span控制子span中的類樣式了。。。但是，我這種寫法是報(bào)錯(cuò)的，不知道各位大神有沒(méi)有什么更好的實(shí)現(xiàn)方式，或者在我的思維之上指點(diǎn)指點(diǎn)。）

clipboard.png

回答
編輯回答
六扇門

可按一樓大大的方法，不過(guò)建議樓主看看官網(wǎng)上綁定class的幾種用法。

2017年3月24日 02:24
編輯回答
澐染

報(bào)錯(cuò)是因?yàn)槟愀竤pan的class里js語(yǔ)法錯(cuò)了，既然是通過(guò)下標(biāo)控制子元素的顯示隱藏，那就沒(méi)必要再搞一個(gè)變量了，直接在子元素寫也可以

<span>
    <span v-if='index==0' class='circle'>3</span>{{tab.text}}
</span>
2017年9月3日 16:25