Vue事件修饰符

155 阅读1分钟

捕获事件触发的顺序刚好与冒泡事件相反。在实际应用中,我们可以根据具体的需求来选择要使用冒泡事件还是捕获事件。 理解事件的传递对处理页面用户交互来说至关重要,但是也有很多场景我们不希望事件进行传递,例如在上面的例子中,当用户单击内层的组件时,我们只想让其触发内层组件绑定的方法,当用户单击外层的组件时,只触发外层组件绑定的方法,这就需要使用Vue中另一个非常重要的事件修饰符:stop。stop修饰符可以阻止事件的传递除了capture和stop事件修饰符外,还有一些常用的修饰符,常用修饰符 事件修饰符 作用 stop 阻止事件传递 capture 监听捕获场景的事件 once 只触发一次事件 self 当事件对象的target属性是当前组件时才触发事件 Prevent 禁止默认的事件 passive 不禁止默认事件 需要注意,事件修饰符可以串联使用,例如下面的写法既能起到阻止事件传递的作用,又能控制只能触发一次事件:

点击