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


  • 精彩推荐

  • 2017-02-13 17:50:05

    cURL error 60: SSL certificate problem: unable to get local issuer certificate

    Drupal 8 version uses Guzzle Http Client internally, but under the hood it may use cURL or PHP internals. If you installed PHP cURL on your PHP server it typically uses cURL and you may see an exception with error Peer certificate cannot be authenticated with known CA certificates or error code CURLE_SSL_CACERT (60).

  • 2017-02-16 08:09:01

    HTML中PRE和p的区别

    pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来表示计算机的源代码。

  • 2017-02-16 15:14:14

    动态加载js和css

    开发过程中经常需要动态加载js和css，今天特意总结了一下常用的方法。