Vue event.stopPropagation()和event.preventDefault()的使用
Posted awen71815iou
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue event.stopPropagation()和event.preventDefault()的使用相关的知识，希望对你有一定的参考价值。
定义和用法
1. event.stopPropagation()方法
阻止事件冒泡到父元素，阻止任何父事件处理程序被执行，但是它的默认事件仍然会执行。当调用这个方法的时候，如果点击了一个链接（a标签），这个链接仍然会打开。
2. event.preventDefault()方法
阻止元素发生默认的行为。调用此方法链接（a标签）不会被打开，但是会冒泡到父元素上。
例如：
（1）. 当点击提交按钮时阻止对表单的提交
（2）. 阻止 URL 的链接（意思是如果点击一个a标签，浏览器不会跳到新的 URL 里面去）
以上是关于Vue event.stopPropagation()和event.preventDefault()的使用的主要内容，如果未能解决你的问题，请参考以下文章
Material Design Slide Toggle 没有 event.StopPropagation，我应该用啥？
如何覆盖 event.stopPropagation(),preventDefault().stopImmediatePropagation()