html部分
<div class="star">
<span v-for="(item,index) in 5" @click="clickStar($event)"></span>
</div>
說明:遍歷span 5次,得到5組span,$event為目標事件
js部分
clickStar($event){
$event.currentTarget.className='active';//console.log($event.currentTarget);
}
說明:當點擊目標事件的時候,目標事件下的目標元素,增加class,這樣就實現了動態添加class。
(currentTarget:
目標元素)
轉載請標明出處!http://www.cnblogs.com/holy-amy/p/7091329.html