若绑定了一个父级元素后,点击子元素时,会触发父元素的点击事件,若需要点击子元素时不触发父元素事件,有两种方法:
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
- 这两个方法的区别,主要是第二个方法点击了不属于子元素点击事件的区域的时候,依旧会触发父元素方法,而第一个方法,是通过判断点击元素是否与事件元素一致才触发,主要看需求来应用