vue
冒泡:父级和子级有同样事件的时候,触发子级的事件,会把父级同样的事件也触发。
阻止冒泡:v-on:事件类型.stop
当点击p或者span时候都会提示点击了p,当span添加了v-on:click.stop="span()后,点击span区域不会触及到父级。
<div id="app">
<p @click="p">
<span @click.stop="span">这是span</span>
</p>
</div>
methods: {
p () {
console.log('点击了p')
},
span () {
console.log('点击了span')
}
}
默认行为:a标签的跳转就是默认事件/表单提交也是
阻止默认行为:@click.prevent
< a @click.prevent href="/" >baidu< /a >