vue中使用v-on绑定事件中,获取$event.currentTarget,日志打印为null-程序员宅基地

技术标签: ViewUI  javascript  

问题:vue中使用v-on绑定事件中,获取$event.currentTarget,日志打印为null

dom结构:
<li @click="clickEvent('hello',$event)">
     <span>内部元素</span>
 </li>


事件代码:
clickEvent(str,event){
    console.log(event)
}

 结果为:

    

问题说明:

e.currentTarget是一个瞬时的值,当打印event后,等到展开log信息时,冒泡事件已经结束,所以当前currentTarget是null

解决方法:

console.log(event.currentTarget)  能正确显示

代码中正常使用event.currentTarget也没有问题








转载于:https://www.cnblogs.com/zuozuo-blog/p/11158407.html

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_30536513/article/details/97421277

智能推荐

chromium的部署工具depot_tools和gclient-程序员宅基地

文章浏览阅读3.6w次,点赞3次,收藏12次。depot_tools是个工具包,里面包含gclient、gcl、gn和ninja等工具。其中gclient是代码获取工具,它其实是利用了svn和git。_gclient

selenium爬虫学习,403Forbiden 获取不到价格。_selenium爬虫大众点评 403forbidden-程序员宅基地

文章浏览阅读411次,点赞12次,收藏4次。爬取速度很慢,5秒打开一个网页。部分商品详情页能获取到价格,大部分会显示403Forbiden。有了解爬虫的能指点一下嘛。_selenium爬虫大众点评 403forbidden

封装 电流密度 重布线_具有周边硅通孔的晶圆级芯片封装有限元分析-程序员宅基地

文章浏览阅读537次。摘要:针对外围分布着硅通孔的晶圆级芯片封装结构,利用有限元分析软件ANSYS建立全局模型与次模型,在温度循环试验规范条件下将封装体与硅通孔结构分开进行仿真与探讨。了解模型受到温度载荷所产生的热力学行为。研究发现封装体在经历温度循环试验后所产生的位移呈现圆形对称分布,结构在高温时向外翘曲,在低温时向内弯曲;重布线层在与锡球交界处会产生明显的应力集中。硅通孔结构中铜垫片越接近开孔所受应力越大;硅通孔结..._ansys软件mems晶圆

微信公众帐号开发教程第3篇-开发模式启用及接口配置_org.liufeng-程序员宅基地

文章浏览阅读1.7k次。http://blog.csdn.net/lyq8479/article/details/8944988编辑模式与开发模式微信公众帐号申请成功后,要想接收处理用户的请求,就必须要在“高级功能”里进行配置,点击“高级功能”,将看到如下界面:从上图中可以看到,高级功能包含两种模式:编辑模式和开发模式,并且这两种模式是互斥关系,即两种模式不能同时开启。那两种模式有什么区别呢?作为_org.liufeng

Linux的目录和常用命令详解_linux ~目录-程序员宅基地

文章浏览阅读2.5k次。Linux的目录和常用命令详解目录1、Linux 系统目录结构 2、Linux的绝对路径与相对路径 3、Linux中的基本命令介绍(非常重要!!!) 4、用户与用户组管理 5、文件的基本属性和权限 6、文件与目录管理 7、关机、重启与sync 8、重定向与追加回到顶部1、Linux 系统目录结构 在我们平时生活中,操作系统用的最多的是Windows系统,如果你是土豪从小到大都是iPhone、Mac之类的电子产品,那你应该不会来做程序员吧(所以你就看不到这..._linux ~目录

Unity 发布WebGL并与JS进行传参交互_unityloader.instantiate-程序员宅基地

文章浏览阅读1.3w次。 Unity发布WebGL后&lt;head&gt;标签中脚本内容为:var gameInstance = UnityLoader.instantiate("gameContainer", "Build/WebGlTest.json", { onProgress: UnityProgress }); 在其后添加交互方法GetName:var gameInstance = UnityLo..._unityloader.instantiate

随便推点

四、基于海思芯片:从算法到移植 生成海思wk文件并进行成果展示_华为海思芯片转wk-程序员宅基地

文章浏览阅读6.2k次,点赞5次,收藏43次。一、基于海思芯片:从算法到移植 darknet框架下训练yolov3二、基于海思芯片:从算法到移植 darknet框架下yolov3转为caffe框架下三、基于海思芯片:从算法到移植 caffe-yolov3测试训练效果四、基于海思芯片:从算法到移植 生成海思wk文件并进行成果展示好了,在家的时候把法医秦明两部剧补了一下,还看了模仿游戏讲述图灵在二战中破译密码工作,大..._华为海思芯片转wk

docker exec 不同用户登入_docker exec -t --user-程序员宅基地

文章浏览阅读9.6k次。docker exec 以 root 身份登录容器:# docker exec -it --user root /bin/bash_docker exec -t --user

基于Elasticsearch + Fluentd + Kibana(EFK)搭建日志收集管理系统_kibana fluentd-程序员宅基地

文章浏览阅读1w次,点赞87次,收藏133次。详细讲述基于Elasticsearch、Fluentd和Kibana的日志管理系统搭建过程。_kibana fluentd

Echart 柱状图柱子倒序排序_柱状图中的inverse: true-程序员宅基地

文章浏览阅读1.2w次,点赞10次,收藏12次。Echart欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带..._柱状图中的inverse: true

OpenGL--渲染过程中产生的问题_opengl颜色渲染缺点-程序员宅基地

文章浏览阅读966次,点赞2次,收藏2次。描述:在绘制图形过程中,对于观察者而言,有些部分是可见的,有些是不可见的。如果都进行渲染的话,不可见部分会会影响整体的渲染效果,无法满足预期的效果。那么针对这类问题的解决,就叫做“隐藏面消除”。_opengl颜色渲染缺点

课设——学生成绩管理系统.exe_学生成绩统计系统exe-程序员宅基地

文章浏览阅读1k次,点赞3次,收藏7次。一、系统需求分析1、总需求设计一个实用的小型学生成绩管理程序,具有查询,检索和删除等功能。2、具体需求(1)学生基本信息、考试科目及成绩的信息录入。(2)已有学生信息的显示。(3)学生基本信息的读取和保存输入数据等功能(4)学生基本信息的查询与修改。可以对已有的学生信息进行修改。(5)学生基本信息的删除。(6)对该班各科成绩进行分析;对学生成绩进行统计(包括最高分,最低分,排序,平均成绩,及格率和需要补考的学生)具体源码详见(链接)二、总体设计1、定义四个类Student类、S_学生成绩统计系统exe