events - Vue 事件修饰符防止与停止

Question

阅读有关事件的 Vue 文档时，他们提到了事件修饰符，例如阻止或停止。他们在停止时提到:<!-- the click event's propagation will be stopped --> .我假设这将阻止事件冒泡。怎么样prevent .它到底做了什么？我假设它会阻止事件被触发两次(例如双击)。这些假设是否正确？我只是在网上找不到更具体的信息。

我读到的内容:

• https://v2.vuejs.org/v2/guide/events.html
• How to prevent/stop propagation of default event (click) in directive (vue 2.x)

Answer 1

.prevent或 event.preventDefault() – 它停止浏览器的默认行为(一个例子是当你在 <button type="submit"> 中点击 <form> 时重新加载)

.stop或 event.stopPropagation() – 它阻止事件传播(或“冒泡”)DOM

.once - 事件最多触发一次