Vue中的事件修饰符:
1.prevent:阻止默认事件;
比如a标签默认会调整src的地址 阻止之后不会跳转
2.stop:阻止事件冒泡;
默认的冒泡机制会被阻止
3.once:事件只触发一次;
第二次及之后的触发比如点击事件无效
4.capture:使用事件的捕获模式;
把默认的冒泡行为改为捕获的行为,冒泡是从底往上,从里往外,捕获则是相反从外往里
5.self:只有event.target是当前操作的元素时才触发事件;
只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号
.self 和 .stop 区别:
- self只响应当前元素自身触发的事件,不会响应经过冒泡触发的事件,并不会阻止冒泡继续向外部触发。
- stop是从自身开始不向外部发射冒泡信号