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

2020-04-30 08:59:44 
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:
目标元素)


  • 精彩推荐

  • 2019-02-28 15:54:24

    HTTP协议缓存策略深入详解之ETAG妙用

    　　HTTP协议规格说明定义ETag为“被请求变量的实体值” 。另一种说法是，ETag是一个可以与Web资源关联的记号（token）。典型的Web资源可以一个Web页，但也可能是JSON或XML文档。服务器单独负责判断记号是什么及其含义，并在HTTP响应头中将其传送到客户端。

  • 2019-02-28 16:46:26

    android获取视频、图片时添加防盗链

    使用HTTP协议时，可以利用头信息中的Referer做防盗链。 我们在一些网站的网页里访问图片的时候，在图片本站是可以正常看到的，但在外头就不能看到了，这是因为在http的header信息中的referer元素。

  • 2019-03-02 11:29:17

    MySQL学习之索引顺序

    这个问题比较简单，MySQL本身会对条件和索引进行判断，这样写可以用到索引，没有问题。

  • 2019-03-06 11:24:19

    MySQL查看数据库表容量大小

    本文介绍MySQL查看数据库表容量大小的命令语句，提供完整查询语句及实例，方便大家学习使用。

  • 2019-03-13 09:38:11

    写入MySQL报错超出 max_allowed_packet 的问题

    MySQL会根据配置文件会限制server接受的数据包的大小。如果写入大数据时，因为默认的配置太小，插入和更新操作会因为 max_allowed_packet 参数限制，而导致失败。