码迷,mamicode.com
首页 > 其他好文 > 详细

vue动态添加当前事件下的class

时间:2017-06-28 21:43:13      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:点击   部分   htm   vue   com   ons   目标   span   实现   

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

vue动态添加当前事件下的class

标签:点击   部分   htm   vue   com   ons   目标   span   实现   

原文地址:http://www.cnblogs.com/holy-amy/p/7091329.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!