企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
1. `.stop`阻止事件冒泡 ``` <div id="app" @click='divClick'> <button @click.stop="btnClick">点击</button> </div> ``` 2. `.prevent`阻止默认行为 ``` <a href="http://www.baidu.com" @click.prevent='linkClick'>点击</a> ``` 3.`.capture`实现捕获事件触发的机制(从外往里) 4. `.self`排除事件冒泡,只有点击当前元素时才会触发 5. `.once`只会触发一次 **1. 事件修饰符可以串联** `.prevent.once`事件只触发一次,阻止默认行为也只有一次 **2. `.stop`和`.self`的区别** `.self`只会阻止自己受到冒泡的影响 `.stop`阻止事件的冒泡