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


  • 精彩推荐

  • 2020-03-04 13:00:23

    NPM酷库：minimist，命令行参数解析

    昨天我们了解的dotenv库用于从文件中加载环境变量。环境变量用于程序运行时动态加载参数，除了环境变量，我们还可以在启动Node.js 程序时直接指定命令行参数：

  • 2020-03-04 21:01:26

    window自带截屏功能

    我们习惯了QQ和微信截图，当我们没有打开微信和QQ的时候，我们想用截图怎么版，当然是，打开QQ和微信，哈哈？

  • 2020-03-05 13:12:54

    Markdown的css样式

    本样式在这个样式的基础上做了一些修改， 主要是对于表格和代码块以及一些细节的修改。 主要目的是用在chrome的扩展 Markdown Preview Plus中， 替换其内置的样式。 由于 Markdown Preview Plus对css文件大大小有要求（小于8K）， 所以需要使用压缩后的 css 文件。 当然也可以作为一个单独的markdown样式来使用。