Vue事件修饰符

1· .stop 阻止冒泡

    
    
    

2· .prevent 阻止默认行为


    有问题,就去百度咯

3· .capture 实现捕获触发事件机制


    
    

4· .self 实现只有点击当前元素时候 , 才会触发事件处理函数


    
    

5· .once 只触发一次事件处理函数


    有问题,就去百度咯
.stop 和 .self 的区别: .self只会阻止自己身上冒泡行为的触发,并不会真正阻止冒泡的行为(会一直向上冒泡)
完整代码如下:

    

你可能感兴趣的:(Vue事件修饰符)