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:
目标元素)