博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
VUE 点击事件(父子层级元素点击时踩坑记录)
阅读量:4537 次
发布时间:2019-06-08

本文共 959 字,大约阅读时间需要 3 分钟。

 

var vm_target = new Vue({                el: '#vm_target',                data: {                },                methods:{                	/**父元素点击事件**/                	fatherClick:function(event){                		var el1 = event.currentTarget;                                var el2 = event.target;                	},               childClick:function(event){                                  }                	                },                created:function(){                	                }                            });

 在JS中,event.currentTarget获取到的是click事件绑定的DOM对象,event.target获取到的为当前所点击的DOM对象。

 

若绑定了一个父级元素后,点击子元素时,会触发父元素的点击事件,若需要点击子元素时不触发父元素事件,有两种方法:

1、在父元素中判断event.currentTarget == event.target是否为true

editTarget:function(event){       var el1 = event.currentTarget;       var el2 = event.target;       if(el1 == el2){          //do something       }   }

 2、在子元素中,绑定一个阻止冒泡的点击事件 @click.stop

 

转载于:https://www.cnblogs.com/liangjing-yy/p/9013061.html

你可能感兴趣的文章
第三章 python基础
查看>>
java基础题
查看>>
[转]人人店短信插件开发
查看>>
[转]c# System.IO.Ports SerialPort Class
查看>>
14. 最长公共前缀
查看>>
Redis文档
查看>>
项目重构
查看>>
(笔试题)和一半的组合数
查看>>
leetcode--Algorithm--Array_Part 1 Easy- 566 Reshape the Matrix
查看>>
AC自动机算法详解 (转载)
查看>>
python3-day5(模块)
查看>>
Linux配置JDK
查看>>
qt 读取xml文件
查看>>
python3之正则表达式
查看>>
Visual Studio提示“无法启动IIS Express Web服务器”的解决方法
查看>>
Java 时间总结
查看>>
jQuery EasyUI 拖放 – 基本的拖动和放置
查看>>
这些年正Android - 母亲
查看>>
[工具] BurpSuite--XssValidator插件
查看>>
LPC1788系统时钟初始化
查看>>