早睡早起,方能养生!
Sleep early rise early, way to keep healthy!

vue阻止元素的默认行为与事件冒泡

super
2022-02-02 15:32
views 300

阻止元素默认行为

 

阻止a标签跳转到super的博客,仅执行sayHello,代码如下

 

<a href="https://rongsp.com" @click.prevent="sayHello()">super的博客</a>

 

使用prevent修饰符

 

 

阻止事件冒泡

 

<div @click="sayBye">
	<button @click="sayHello"></button>
</div>

 

使用stop修饰符,当点击button时,仅执行sayHello,不执行sayBye

 

<div @click="sayBye">
	<button @click.stop="sayHello"></button>
</div>

 



分享
0 条讨论
top