Vue事件修饰符

最新推荐文章于 2024-10-18 15:58:53 发布

sir, this way

最新推荐文章于 2024-10-18 15:58:53 发布

阅读量189

点赞数

文章标签： vue.js html5 javascript

本文链接：https://blog.csdn.net/weixin_45848781/article/details/127371384

版权

本文详细介绍了Vue中常见的事件处理指令，包括`@click.prevent`阻止默认行为，`@click.stop`阻止事件冒泡，`@click.once`确保事件只触发一次。通过实例代码展示了这些指令在实际开发中的应用，帮助开发者更好地理解和运用Vue事件系统。

摘要由CSDN通过智能技术生成

1.prevent阻止默认事件(常用)
2.stop阻止事件冒泡(常用)
3.once事件只触发一次(常用)
4.capture使用事件的捕获模式
5.self只有event.target是当前操作的元素时才触发事件
6.passvie事件的默认行为立即执行无需等待回掉函数执行完毕

		<button @click.prevent='showinfo'>点击阻止默认事件</button>
		
		<div id="app">
			<div class="demo1" @click="showinfo">
				<button @click.stop='showinfo'>点击阻止事件冒泡</button>
			</div> 
		</div>
		
		<button @click.once='showinfo'>点击只触发一次</button>