tnblog
首页
视频
资源
登录
愿你出走半生,归来仍是少年
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

vue.js获取点击元素本身,获取jquery对象

5450人阅读 2020/3/9 17:43 总访问:1641695 评论:0 收藏:0 手机
分类: 前端

dom节点:

<a v-for="dep in depArray" class="option-list" v-on:click="filterUser($event,dep.dep)">{{dep.dep}}</a>

vue.js

filterUser: function(e,dep){
    //e.target-触发此事件的元素,此时若想使用jquery操作该元素,需要把该对象封装成jquery对象
  $(e.target).addClass("active"); 
  $(e.target).siblings().removeClass("active");
}

当然其实e.target是具体触发事件的那一个,如果是获取点击的那个元素更应该使用e.currentTarget才对

filterUser: function(e,dep){
    //e.target-触发此事件的元素,此时若想使用jquery操作该元素,需要把该对象封装成jquery对象
  $(e.currentTarget).addClass("active"); 
  $(e.currentTarget).siblings().removeClass("active");
}

要搞清楚e.target与e.currentTarget的区别

欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价