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

vue中動態(tài)添加類樣式遇到的問題

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

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

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

clipboard.png

回答
編輯回答
六扇門

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

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

報錯是因為你父span的class里js語法錯了，既然是通過下標控制子元素的顯示隱藏，那就沒必要再搞一個變量了，直接在子元素寫也可以

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