vue 事件修饰符 .stop .selft .capture
2020-06-02 本文已影响0人
Peter_2B
正常情况下。 点击button会冒泡, 从html结构上 一层一层向上冒泡，父级有事件就会被触发
给button元素 click.stop="" 阻止冒泡后，只有button一个执行了不会再向父级冒泡
.self & .stop区别:
self是将事件设置为只有当前元素本身 触发的时候才触发，冒泡传递上来的事件不触发事件。
这里点击button, 只会触发input事件,而不会触发box，但会向上冒泡
点击div.
.capture 事件捕捉 , 还是点击button， 但是从外层结构向内捕捉
.capture .stop案例 https://blog.csdn.net/qq_34164814/article/details/80468949
