Vue event.stopPropagation,和event.preventDefault

定义和用法

1. event.stopPropagation()方法

 阻止事件冒泡到父元素,阻止任何父事件处理程序被执行,但是它的默认事件仍然会执行。当调用这个方法的时候,如果点击了一个链接(a标签),这个链接仍然会打开。

2. event.preventDefault()方法

 阻止元素发生默认的行为。调用此方法链接(a标签)不会被打开,但是会冒泡到父元素上。

例如:

  (1). 当点击提交按钮时阻止对表单的提交

  (2). 阻止 URL 的链接(意思是如果点击一个a标签,浏览器不会跳到新的 URL 里面去)