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-12-08 17:13:57

    nvm卸载、安装node和npm

    1、node.js、nvm、 npm （1）在cmd中输入`where node`找到node长须所在位置进行删除 （2）确保计算机-环境变量删除相关引用 （3）在cmd中输入`node -v` ，得到以下结果，删除成功

  • 2020-12-08 17:23:36

    Window下完全卸载删除Nodejs

    1.从卸载程序卸载程序和功能。 2.重新启动（或者您可能会从任务管理器中杀死所有与节点相关的进程）。 3.寻找这些文件夹并删除它们（及其内容）（如果还有）。根据您安装的版本，UAC设置和CPU架构，这些可能或可能不存在：

  • 2020-12-09 08:48:45

    nodejs版本以及其对应的npm版本

    正在寻找某个大版本的最新版？ Node.js 10.x Node.js 8.x Node.js 6.x Node.js 4.x Node.js 0.12.x Node.js 0.10.x 所有版本

  • 2020-12-12 17:27:54

    手把手教你 GitLab 的安装及使用

    GitLab：是一个基于Git实现的在线代码仓库托管软件，你可以用gitlab自己搭建一个类似于Github一样的系统，一般用于在企业、学校等内部网络搭建git私服。